Para poder utilizar el widget nativo para invitar notificaciones automáticas, su sitio web debe:
Sea completamente HTTPS
Servir el archivo "pushnews-sw.js" en la raíz (ejemplo: https://pn.vg/pushnews-sw.js)
Si es cliente de Cloudflare, puede configurar el servicio para que entregue el archivo "pushnews-sw.js". Simplemente siga el paso a continuación:
PASO 1: Habilitar los Workers
En el campo "Service name" ingrese: pushnews-service-worker, seleccione el "HTTP handler" e haga clic en el botón "Create Service"
Una vez realizado el proceso anterior, automaticamente se crean las "Routes" y luego basta con hacer clic en "Quick edit"
PASO 2: Inserte el script Pushnews
Ingrese el script a continuación en la pestaña "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
});
}y haga clic en "Save and Deploy"
PASO 3 - Configuración final de Rutas
Para habilitar la URL final del trabajador del servicio Pushnews
Es momento de agregar las “Rutas” creadas anteriormente:
Luego ingrese la URL final del trabajador del servicio Pushnews, ejemplo: https://www.yourwebsite.com/pushnews-sw.js*
NOTA: El asterisco (*) al final de la URL es OBLIGATORIO.
¡Y listo!
Para confirmar que todo está bien accede a la URL: https://www.yourwebsite.com/pushnews-sw.js
y deberías ver algo similar a:
