ComunicaçãoAo vivo

API de Notificações

Demonstração do fluxo completo de Web Push: o navegador gera uma subscription assinada com a chave pública VAPID, o backend assina cada envio com a chave privada via web-push, e a entrega acontece pelo evento push do Service Worker — por isso a notificação chega mesmo com a aba ou o navegador fechados. A demo guia as três etapas reais do fluxo (permissão → registro do dispositivo → envio de teste) e, por ser uma demonstração, mantém as subscriptions em memória no servidor em vez de um banco de dados.

Push API Notifications API Service Worker VAPID Web Push Protocol

Tecnologias

  • Push API
  • Notifications API
  • Service Worker
  • Assinatura VAPID

Arquitetura

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

Conceitos

  • Push subscription
  • Entrega em background via Service Worker
  • Ciclo de vida de permissão do navegador
  • Assinatura VAPID
  • Web Push Protocol

Área de demonstração

A demonstração é 100% funcional — teste agora.