Utilizzare Service Worker per intercettare le richieste al primo caricamento del mio sito?

Question

TL; DR - Voglio che il mio addetto all'assistenza si attivi immediatamente dopo la prima visita al mio sito, invece che dopo il primo aggiornamento.

Dettagli:

ho costruito una web app progressiva usando operaio di servizio, ma ho notato che il primo carico (quando è installato il SO) non intercetta le richieste di rete fino a quando l'utente aggiorna la pagina.

C'è qualcosa che posso fare per far avviare immediatamente il service worker intercettando richieste dopo che è stato installato?

Answer 1

È possibile infatti, utilizzando una combinazione di skipWaiting e clients.claim come visto di seguito.

Ciò farà sì che l'addetto all'assistenza riprenda immediatamente il controllo delle richieste di rete dalla pagina.

self.addEventListener('install', event => { 
    // Bypass the waiting lifecycle stage, 
    // just in case there's an older version of this SW registration. 
    event.waitUntil(self.skipWaiting()); 
}); 

self.addEventListener('activate', event => { 
    // Take control of all pages under this SW's scope immediately, 
    // instead of waiting for reload/navigation. 
    event.waitUntil(self.clients.claim()); 
});