En la novena clase del curso de desarrollo de PWA con WordPress vamos a configurar el servicio para poder añadir notificaciones push a nuestra PWA.
En esta lección vamos a implementar las notificaciones push a nuestra aplicación gracias al servicio online que nos permite con una cuenta gratuita implementar en nuestros proyectos notificaciones push.
Este servicio es muy interesante dado que nos permite implementar no solo notificaciones push en nuestra PWA sino también envíos de SMS, notificaciones en aplicaciones nativas de móvil, escritorio, etc. Además es compatible con diferentes CMS y soluciones del mercado como WordPress o Shopify. ¡Vamos a ello!
¡Y ya lo tenemos! Así de fácil es integrar notificaciones push en nuestros proyectos es relativamente fácil de configurar.
La idea es que al conectar el servicio a nuestro WordPress como el plugin tiene soporte, internamente el service worker de asumirá el control del mismo para que funcione dentro de la PWA sin necesidad de tocar nada más allá de configurar el plugin oficial con su correspondiente App ID y API Key que tendremos que generar en el dashboard de la plataforma cuando nos demos de alta.
El plugin es bastante configurable y nos va a permitir modificar comportamientos de las notificaciones, estilo, duración, etc. La idea es que cada vez que se publique un post en WordPress las notificaciones se disparen automáticamente. Además desde el propio dashboard podemos lanzar notificaciones y controlar las métricas.
Como deberes os animo a que probéis a configurar el plugin en vuestro proyecto y probéis a realizar integraciones con plugins terceros que os permitan crear contenidos para que al crearlos se dispare automáticamente la notificación. También sería interesante que podáis probar las notificaciones en vuestro dispositivo móvil para ver el resultado.
Y si tenéis cualquier duda, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)
Todos los capítulos de este curso:
- Curso de PWA para WordPress #1. ¿Que es PWA?
- Curso de PWA para WordPress #2. Funcionamiento y características de una PWA
- Curso de PWA para WordPress #3. Estructura y configuración del app manifest
- Curso de PWA para WordPress #4. Toma de contacto: Hello world PWA
- Curso de PWA para WordPress #5. Usando WordPress como PWA
- Curso de PWA para WordPress #6. Optimizando el theme de WordPress para PWA
- Curso de PWA para WordPress #7. Plugins para convertir WordPress en PWA
- Curso de PWA para WordPress #8. Configurando nuestro WordPress PWA
- Curso de PWA para WordPress #9. Notificaciones push
- Curso de PWA para WordPress #10. Testeando nuestra PWA