ComunicaciónEn vivo

API de Notificaciones

Demostración del flujo completo de Web Push: el navegador genera una subscription firmada con la clave pública VAPID, el backend firma cada envío con la clave privada mediante web-push, y la entrega ocurre a través del evento push del Service Worker — por eso la notificación llega incluso con la pestaña o el navegador cerrados. La demo guía los tres pasos reales del flujo (permiso → registro del dispositivo → envío de prueba) y, al ser una demostración, mantiene las subscriptions en memoria del servidor en lugar de una base de datos.

Push API Notifications API Service Worker VAPID Web Push Protocol

Tecnologías

  • Push API
  • Notifications API
  • Service Worker
  • Firma VAPID

Arquitectura

  • Push API + Notifications API
  • Service Worker
  • Firma VAPID

Conceptos

  • Push subscription
  • Entrega en segundo plano vía Service Worker
  • Ciclo de vida del permiso del navegador
  • Firma VAPID
  • Web Push Protocol

Área de demostración

La demostración es 100% funcional — pruébala ahora.