PWA + PHP 8.1

Web Push Lab

Veja cada etapa entre o clique, o servidor e a notificação.

Estado atual

Verificando…

Dispositivo não registrado
Service Worker
Verificando
Notification API
Verificando
Push API
Verificando
Permissão
PWA
Push Subscription
Verificando
VAPID no servidor
Verificando
Dispositivos salvos
ETAPA A

Registrar este dispositivo

Permissão → Service Worker → PushSubscription → PHP → JSON.

ETAPA B

Web Push verdadeiro

O PHP envia pela internet ao Push Service do navegador.

COMPARAÇÃO

Teste local

Não usa PHP nem Push Service: a página pede ao Service Worker para exibir.

LocalClique → JavaScript → Service Worker → Notificação
Web PushClique/evento → PHP → Push Service → Internet → Service Worker → Notificação

O áudio de teste depende da página aberta e de interação. Ele não acompanha uma Web Push com o PWA fechado.

Diagnóstico

Log do laboratório