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 - Crie o Worker
Na tela seguinte, na seção "Start from a template", clique em "Hello, world":
Na tela seguinte, coloque pushnews-service-worker
no nome do worker e clique em Deploy:
Na tela seguinte, clique em "Edit code":
Substitua o código na tela pelo código abaixo e clique em "Deploy":
export default {
async fetch(request, env, ctx) {
let content = '"undefined" !== typeof importScripts && importScripts("https://cdn.pn.vg/push/pushnews-sw.js");';
return new Response(content, {
status: 200,
statusText: 'OK',
headers: {
"Content-Type": "application/javascript; charset=UTF-8"
}
});
},
};
PASSO 2 - Configure a Route
Para habilitar a URL final do Service Worker do Pushnews:
Nota: O (3) é o domínio do seu site.
Chegou a hora de adicionar a "Routes" criada anteriormente. No menu Worker Routes, clique em Add Route:
Em seguida, no campo Route, introduza a URL do Service Worker do Pushnews, que terá esse formato: https://www.seusite.com.br/pushnews-sw.js*
NOTA: O asterisco (*) no final da URL é OBRIGATÓRIO.
E no campo Worker, selecione o Worker criado no passo anterior: pushnews-service-worker
.
Finalmente, clique em "Save".
E está feito!
Para confirmar que tudo está OK, acesse a URL
https://www.seusite.com.br/pushnews-sw.js
e você deverá ver algo similar a: