Voltar para o Showcase
ComunicaçãoAo vivo

API de Notificações

API de Notificações do tipo PUSH são nativas do sistema operacional, entregues mesmo com o app fechado — Service Worker + VAPID de ponta a ponta.

Sobre esta demo

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.

Área de demonstração

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

Ficha técnica

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