Notificaciones push para la web (desmitificadas)

Notificaciones push para la Web: ¿cuáles son los navegadores compatibles?

La tabla de abajo da una vista sintética de los OS/navegadores compatibles con la recepción de las notificaciones push . Cada vez hemos considerado la última versión estable del navegador para nuestro análisis.
Los Service Workers son esenciales para ampliar la experiencia en una PWA. Son los que gestionan la recepción de las notificaciones push en todos los navegadores de la tabla anterior que utilizan un sistema prioritario, con la excepción de Safari. Este sistema permite la recepción de notificaciones con OS X, pero no con iOS. Sin embargo, el equipo encargado del desarrollo de Safari todavía no ha indicado si la recepción de las notificaciones push estaría gestionada por un Service Worker una vez soportados. Esperamos que sí, o que una alternativa estará propuesta para iOS.
Los pre-requisitos para que funcione
Para que las notificaciones push puedan ser recibidas, hay que cumplir con las condiciones siguientes:
Por tu parte, tienes que establecer una conexión entre tu back office y los servicios terceros utilizados para la distribución de las notificaciones. Para establecer tal conexión, hay que generar unas claves API y/o unos certificados para garantizar la autenticidad de los intercambios entre los servidores de GoodBarber y los servicios de distribución de las notificaciones. Para Chrome, Firefox y Opera, utilizamos Firebase, la plataforma de Google. Para Safari, utilizamos APNs, la plataforma de Apple.
Por parte del usuario final, no hay mucho que hacer. Solamente hay que consultar la PWA desde un navegador compatible con la recepción de los push (ver tabla anterior) y, por supuesto, una vez en la página web, aceptar la recepción de los push.
Después, desde tu back office, podrás enviar tus notificaciones.
Envío y recepción de las notificaciones push

- Escribe tu mensaje
- Selecciona la acción que será efectuada cuando se abra la notificación. En el ejemplo de la copia de pantalla de abajo, redirecciono mi usuario directamente hacia la página de reservación de una mesa en mi restaurante.
- Elige la fecha de envío del mensaje. Inmediatamente o en una fecha posterior. Puedes elegir de notificar el usuario respetando la hora de la franja horaria en la que se encuentra.
La página te indique el número de usuarios (más concretamente el número de navegadores web) quien recibirán la notificación.

Entre los iconos, encontrarás el icono de notificación. Tiene que ser monocromo con un fondo transparente. En Android, aparece en el status bar del teléfono, cuando se recibe el push. Cuando se accede al detalle de la notificación, el logo de la página web también aparece.

Diseño

