Question

0

208

Vistas

¿Cómo un ServiceWorker puede activar una actualización/recarga mediante un impulso para todos los suscriptores?

Aquí está el proceso que me gustaría desarrollar:

Una página con un serviceWorker
UsuarioA y UsuarioB aceptan notificaciones de esta página solamente

Comportamiento :

si un usuario modifica la página, se notifica a los otros usuarios (ya funciona móvil/escritorio)

Ahora me gustaría que si el usuarioA modifica la página:

Si la página ya se abrió en el navegador UserB, se actualiza automáticamente
Si el usuario B hace clic en la notificación: la página se actualiza

pero parece que:

ServiceWorker no puede llamar a "recargar"
un truco como setInterval para verificar la última actualización no funciona en Android Chrome (¿ciertamente para el ancho de banda?)

entonces mi pregunta es:

¿Es una forma de permitir que el servidor envíe un evento serviceWorker para llamar a una recarga en cada suscriptor, incluso si la página ya está abierta en su navegador?

En otras palabras: en la actualización de la página, serviceWorker ordena al suscriptor que vuelva a cargar

dicho código de trabajador de servicio falla:

 if (client.url == self.registration.scope && 'focus' in client) { client.postMessage('reload'); // DOESN'T WORK return client.focus(); }

Código de error en Android/Chrome para setinterval:

 setInterval(async function(){ const response = await fetch('/lastupdatetimestamp', { method: 'get', headers: { 'Content-Type': 'application/json' } }); const json= await response.json(); if(LASTUP<json.up.lastdate){ window.location.reload() LASTUP=json.up.lastdate } }, 30000);

Alguna idea ?

about 4 years ago · Juan Pablo Isaza

1 Respuestas

Responde la pregunta

0

Responde la pregunta

Encuentra empleos remotos

Answer 1 · 2022-07-10T17:13:03.327Z

Finalmente encontré un primer paso:

servidor enviar push -> serviceworker mostrar notificación -> hacer clic en notificación -> abre ventana y vuelve a cargar

en el serviceWorker.js

 self.addEventListener('push', function (event) { ... } self.addEventListener('notificationclick', async function(event) { event.notification.close(); await event.waitUntil(clients.matchAll({ type: "window", includeUncontrolled: true }).then(function(clientList) { for (var i = 0; i < clientList.length; i++) { var client = clientList[i]; if (client.url == self.registration.scope && 'focus' in client) { // client.postMessage('reload'); // <= TRIGGER 'RELOAD' EVENT HERE return client.focus(); } } if (clients.openWindow) { return clients.openWindow(self.registration.scope); } })); });

en la aplicación.js

 function initPostMessageListener() { console.log("event listener message") navigator.serviceWorker.addEventListener('message', function(e) { var message = e.data; console.log("ON A UN MESSAGE") switch (message) { case 'reload': window.location.reload(true); break; default: console.warn("Message '" + message + "' not handled."); break; } }); }

llame a initPostMessageListener() en app.js donde está registrado el SW

Entonces, SW.js maneja la notificación. Haga clic, luego abra la ventana del navegador, si existe, y vuelva a cargarla.

0

208

¿Cómo un ServiceWorker puede activar una actualización/recarga mediante un impulso para todos los suscriptores?

1 Respuestas

0

Encuentra empleos remotos

Andres GPT