Para que seja possível utilizar o Widget Nativo para o convite de Push Notifications o seu Website tem que:
Ser totalmente HTTPS
Servir o arquivo "pushnews-sw.js" na raiz
(exemplo: https://pn.vg/pushnews-sw.js)
Caso seja cliente do Cloudflare você pode configurar o serviço para servir o arquivo "pushnews-sw.js". Basta seguir o passo abaixo:
PASSO 1 - Habilite os Workers
No campo "Service name" insira: pushnews-service-worker , selecione o "HTTP handler" e carre o botão "Create Service"
Feito o processo anterior, automaticamente a "Routes" é criada e então basta carregar em "Quick edit"
PASSO 2 - Introduza o Script do Pushnews
Introduza o Script abaixo na aba "Script"
addEventListener('fetch', event => {
event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
let url = new URL('https://cdn.pn.vg/push/pushnews-sw.js');
const modifiedRequest = new Request(url);
const response = await fetch(modifiedRequest)
return new Response(response.body, {
status: response.status,
statusText: response.statusText,
headers: response.headers
});
}
E aperte "Save and Deploy"
PASSO 3 - Configuração final da da Routes
Para habilitar a URL final do Service Worker do Pushnews
Chegou a hora de adicionar a "Routes" criada anteriormente:
De seguida introduza a URL final do Service Worker do Pushnews, exemplo: https://www.yourwebsite.com/pushnews-sw.js*
NOTA: O asterísco (*) no final da URL é OBRIGATÓRIO.
E está feito!
Para confirmar que tudo está OK, acesse a URL
https://www.yourwebsite.com/pushnews-sw.js
e você deverá ver algo similar a:
