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
Vá em "Workers & Pages"
Clique em "Create Application"
Na tela seguinte, na seção "Start with Hello Word" clique em "Get Started"
Depois, coloque pushnews-service-worker no nome do worker e clique em Deploy:
Na próxima tela, 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 (2) é o domínio do seu site.
Chegou a hora de adicionar a "Routes" criada anteriormente. Em "Workers & Pages", clique em pushnews-service-worker
Depois, vá em Settings:
E clique em "Add":
Na próxima tela, clique em "Route":
Em seguida, introduza a URL do Service Worker do Pushnews, que terá esse formato: https://www.seusite.com.br/pushnews-sw.js*
E clique em "Add route"
ATENÇÃO! O asterisco (*) no final da URL é OBRIGATÓRIO.
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:
Importante: lembre-se de substituir o domínio de exemplo (www.seusite.com.br) pelo domínio real do seu site ao configurar a rota.
Em casos de dúvidas, contate nosso Suporte.