Para que seja possível utilizar o Widget Nativo para o convite de Push Notifications o seu Website tem que:

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:

Encontrou sua resposta?