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

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

magento2 third-party-module pwa

— hweb87
источник

Не могли бы вы поделиться своими сообщениями в блоге? А что именно не работает?

— Сергей Учухлебау

Я не уверен, что не работает точно, но в будущем Magento2 будет поставляться с PWA. Есть ли у вас руководство для этого?

— hweb87

Я нашел интересную информацию о PWA на форуме magento, это может быть полезно.

— Сергей Учухлебау

Есть ли у вас справочный сайт PWA? Как я могу найти сайт, созданный в PWA.

— hweb87

Я не знаю ни одного сайта, на котором был бы реализован PWA :(

— Сергей Учухлебау

Ответы:

О PWA в Magento:

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

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

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

Обычно 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

Я использовал этот модуль от 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

Я взял слово за словом от 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

— Джафар Пинджар