¿Cómo usar PWA en Magento2?

10

Cualquiera tiene una idea de cómo usar PWA (Progressive Web Apps) en Magento2. Encontré algunos blogs pero no tuve éxito.

magento2 third-party-module pwa hweb87
fuente
¿Podría compartir las publicaciones de un blog que leyó? ¿Y qué no funciona exactamente?
Siarhey Uchukhlebau
No estoy seguro de qué no funciona exactamente, pero en el futuro Magento2 vendrá con PWA. ¿Tienes alguna guía para eso?
hweb87
He encontrado preguntas interesantes sobre la PWA en el foro de magento, puede ser útil.
Siarhey Uchukhlebau
¿Tiene algún sitio de referencia PWA? ¿Cómo puedo encontrar el sitio web de Tihs construido en PWA?
hweb87
No conozco a ningún sitio en el que se realizó el PWA :(
Siarhey Uchukhlebau

Respuestas:

4

Sobre PWA en Magento:

Puede leer más sobre la implementación de la PWA en el foro de magento, donde almacenó todos los enlaces útiles a una publicación de blog o proyectos de github:

  1. Módulo Magento 1 PWA en github por Meanbee
  2. Publicación de blog "¿Por qué su sitio Magento necesita ser una aplicación web progresiva?" por Tom Robertshaw de Meanbee
  3. Módulo Magento 2 Service Worker en github por Meanbee
  4. Módulo Magento 2 WebApp Manifest en github por Meanbee
  5. Publicación progresiva de aplicaciones web de Google
  6. El manifiesto de la aplicación web por Matt Gaunt y Paul Kinlan

Acerca de la compatibilidad del trabajador de servicio:

Por lo general, PWA se está dando cuenta de que utiliza el Service Worker . En este momento no es compatible con todos los navegadores:

Escritorio:

Compatibilidad de Service Worker con navegadores de escritorio

No compatible: IE, Safari

Móvil:

Compatibilidad del trabajador de servicio con navegadores móviles

No compatible: Android Webview, IE, Safari

Siarhey Uchukhlebau
fuente
Eso significa que no es compatible con iOS
hweb87
@ hweb87 Ahora mismo - sí
Siarhey Uchukhlebau
Buena descripción extendida con nuevos detalles magento.stackexchange.com/a/244665/2282
FireBear
Hola @SiarheyUchukhlebau. Mi pregunta aún está abierta. ¿Es compatible con Magento PWA en iOS? Hoy he visto errores reportados en github github.com/magento-research/pwa-studio/issues/1441
hweb87
0

Utilicé este módulo de Tigren ( https://marketplace.magento.com/tigren-progressivewebapp.html ) en la versión Magento 2.1.7. Funcionó así sin ningún error.

Tenga en cuenta que necesitamos saber más sobre los trabajadores de servicio y cómo configurarlos para escalar las aplicaciones del módulo. En el nivel básico, funciona muy bien fuera de la caja.

Kalyan Chakravarthi V
fuente
Hola kalyan Yo también usando la misma extensión. Seguí los pasos de instalación proporcionados. Pero muestra error. ¿Me pueden ayudar a resolverlo?
Saravanan DS
¿Cuál es el error que estás recibiendo?
Kalyan Chakravarthi V
Por favor revise mis comandos de error aquí. pastebin.com/8GhESQp3
Saravanan DS
Hola @Kalyan, ¿el servidor debe estar en https?
Saravanan DS
1. El módulo Tigren_Core no está incluido en el paquete que descargaste, no es necesario. Puedes ignorarlo. 2. Sí, necesita tener https habilitado. 3. Probamos en nuestro servidor de demostración con una certificación SSL ficticia pero no en localhost. 4. El certificado SSL ficticio funcionará bien solo con Firefox si se agrega como excepción, Chrome es estricto y PWA no funcionará con un certificado SSL ficticio. 5. Si está trabajando en localhost, Chrome tiene alguna opción de bandera para permitir SSL en localhost
Kalyan Chakravarthi V
0

Tomé palabra por palabra de MazePlazza. https://www.mageplaza.com/blog/magento-2-integrate-progressive-web-app.html#what-is-progressive-web-app-pwa

Existen tres métodos para convertir sitios web de Magento 2 a PWA, que están asociados con diferentes costos:

1) Extensiones de Magento 2 PWA: debe comprar el módulo (hasta $ 150) y pagar el servicio de instalación (o instalar y configurar la extensión usted mismo).

2) Magento 2 PWA Studio: debe contratar desarrolladores de PWA que tengan una gran experiencia tanto en Magento 2 como en PWA para construir su PWA desde cero. Llevará hasta 6 meses desarrollar su escaparate PWA y su nueva API utilizando las herramientas Magento 2 PWA Studio. Debe preparar un presupuesto generoso para esta integración.

3) Tema Page de Magento 2: Dado que tanto el escaparate de PWA como la API central estaban listos, su costo dependerá principalmente de su nivel de personalización. Este costo sería más razonable que la segunda solución y más alto que la primera solución, pero merece su inversión.

Según yo, ve con el primero

Gracias zuber

zuber bandi
fuente
Si voy con la primera opción, y tengo muchas extensiones de terceros para mi sitio web, entonces Q1. ¿Impactará también en esas extensiones? Q2 ¿Las extensiones Magento 2 PWA serán compatibles con otras extensiones de terceros?
Balwant Singh
@BalwantSingh, la extensión comprada por PWA no afecta a ninguna de sus extensiones instaladas o próximas. Siempre que su nueva página responda, será compatible automáticamente con la extensión PWA porque la extensión de compra PWA solo necesita que su página responda nada más.
zuber bandi
gracias por la respuesta. ¿Qué pasa si elijo la tercera opción y aún necesito el desarrollador PWA para la personalización?
Balwant Singh
@BalwantSingh ... sí
zuber bandi
¿Cómo empezar desde cero? ¿hay alguna guía paso a paso para implementar PWA en magento2.3
jafar pinjar