Как использовать PWA в Magento2?

10

У любого есть идея, как использовать PWA (Progressive Web Apps) в Magento2. Я нашел несколько блогов, но не добился успеха.

hweb87
источник
Не могли бы вы поделиться своими сообщениями в блоге? А что именно не работает?
Сергей Учухлебау
Я не уверен, что не работает точно, но в будущем Magento2 будет поставляться с PWA. Есть ли у вас руководство для этого?
hweb87
Я нашел интересную информацию о PWA на форуме magento, это может быть полезно.
Сергей Учухлебау
Есть ли у вас справочный сайт PWA? Как я могу найти сайт, созданный в PWA.
hweb87
Я не знаю ни одного сайта, на котором был бы реализован PWA :(
Сергей Учухлебау

Ответы:

4

О PWA в Magento:

Вы можете прочитать больше о реализации PWA на форуме magento, где хранятся все полезные ссылки на пост в блоге или проекты github:

  1. Модуль Magento 1 PWA на GitHub от Meanbee
  2. Сообщение в блоге "Почему ваш сайт Magento должен быть прогрессивным веб-приложением?" Том Робертшоу из Meanbee
  3. Модуль сервисного работника Magento 2 на github от Meanbee
  4. Модуль Magento 2 WebApp Manifest на github от Meanbee
  5. Пост прогрессивных веб-приложений от Google
  6. Манифест веб-приложения от Мэтта Гаунта и Пола Кинлана

Совместимость сервисного работника:

Обычно PWA реализует использование Service Worker . Прямо сейчас это не совместимо со всеми браузерами:

Рабочий стол:

Сервисный работник Совместимость с настольными браузерами

Не поддерживается: IE, Safari


Мобильный телефон:

Сервисный работник Совместимость с мобильными браузерами

Не поддерживается: Android Webview, IE, Safari

Сергей Учухлебау
источник
Это означает, что он не совместим с iOS
hweb87
@ hweb87 Прямо сейчас - да
Сергей Учухлебау
Хороший расширенный обзор со свежими подробностями magento.stackexchange.com/a/244665/2282
FireBear
Привет @SiarheyUchukhlebau Мой вопрос все еще открыт ли поддержка Magento PWA в iOS? Сегодня я видел сообщение об ошибке в github github.com/magento-research/pwa-studio/issues/1441
hweb87
0

Я использовал этот модуль от Tigren ( https://marketplace.magento.com/tigren-progressivewebapp.html ) в версии Magento 2.1.7. Так и получилось без ошибок.

Обратите внимание, что нам нужно больше знать о работниках сферы обслуживания и о том, как их настроить для масштабирования приложений модуля. На базовом уровне это работает очень хорошо из коробки.

Калян Чакраварти V
источник
Привет, Калян. Я тоже использую то же расширение. Я следовал инструкциям по установке. Но это показывает ошибку. Можете ли вы помочь мне решить это?
Сараванан DS
Какую ошибку вы получаете?
Калян Чакраварти V
Пожалуйста, проверьте мои команды ошибок здесь. pastebin.com/8GhESQp3
Сараванан DS
Привет @Kalyan, сервер должен быть в https?
Сараванан DS
1. Модуль Tigren_Core не входит в загруженный вами пакет, в этом нет необходимости. Вы можете игнорировать это. 2. Да, вам нужно включить https. 3. Мы протестировали на нашем демо-сервере с фиктивной SSL-сертификацией, но не на localhost. 4. Фиктивный SSL-сертификат будет хорошо работать только с Firefox, если вы добавите его в качестве исключения, Chrome строгий и PWA не будет работать с фиктивным SSL-сертификатом. 5. Если вы работаете в localhost, в chrome есть опция флага, позволяющая использовать SSL в localhost
Kalyan Chakravarthi V
0

Я взял слово за словом от MazePlazza. https://www.mageplaza.com/blog/magento-2-integrate-progressive-web-app.html#what-is-progressive-web-app-pwa

Существует три способа преобразования веб-сайтов Magento 2 в PWA, которые связаны с различными затратами:

1). Расширения Magento 2 PWA: Вам необходимо купить модуль (до 150 долларов США) и оплатить услуги по установке (или установить и настроить расширение самостоятельно).

2). Magento 2 PWA Studio: вам нужно нанять разработчиков PWA, имеющих большой опыт работы с Magento 2 и PWA, для создания PWA с нуля. На разработку витрины PWA и нового API с использованием инструментов Magento 2 PWA Studio уйдет до 6 месяцев. Вы должны подготовить щедрый бюджет для этой интеграции.

3). Тема PWA Magento 2: Поскольку и витрина магазина PWA, и основной API были готовы, ваши затраты будут в основном зависеть от уровня вашей настройки. Эта стоимость будет более разумной, чем второе решение, и выше, чем первое решение, но она заслуживает ваших инвестиций.

По мне, иди с первым

Спасибо, Зубер

Zuber Bandi
источник
Если я выберу первый вариант, и у меня есть много сторонних расширений для моего сайта, так что Q1. Повлияет ли это на эти расширения? Q2. Будут ли Magento 2 PWA Extensions поддерживать другие сторонние расширения?
Балвант Сингх
@BalwantSingh, приобретенное расширение PWA не влияет ни на одно из установленных или будущих расширений. Пока ваша новая страница отзывчива, она будет автоматически поддерживаться расширением PWA, поскольку расширению покупки PWA больше ничего не нужно, чтобы ваша страница реагировала.
zuber bandi
Спасибо за ответ. Что если я выберу 3-й вариант, мне все еще нужен разработчик PWA для настройки?
Балвант Сингх
@BalwantSingh ... да
Zuber Bandi
как начать с нуля? есть ли пошаговое руководство по внедрению PWA в magento2.3
Джафар Пинджар