Creé una aplicación PWA Todo List ( enlace a la aplicación ) usando Angular. Ahora planeo agregar notificaciones que puedan llegar al usuario cuando la aplicación esté cerrada. Dado que es un PWA que funciona sin conexión, no puedo depender de las notificaciones automáticas. Gracias por adelantado
Puede hacer uso de la API de sincronización en segundo plano periódica web . También puede ejecutar esta función sin conexión e incluso si la aplicación está cerrada, no requiere un servidor backend para empujar, ya que el trabajador del servicio lo activa periódicamente (mínimo 24 horas, supongo)
en los archivos de su proyecto, registre el evento de sincronización:
registration.periodicSync.register(constants.periodicBgSyncEventName, { minInterval: syncMinInterval, networkState: "any", });en su archivo de trabajador de servicio, escuche la sincronización y muestre la notificación web:
self.addEventListener("periodicsync", (event) => { if (event.tag === constants.periodicBgSyncEventName) { self.registration.showNotification("Wake Time !!!", { body: `Hi, Good Morning`, }); } });Nota: para utilizar esta API de sincronización periódica, primero debe instalar la PWA.