Chapitre 4 : Cycle de Vie

1. Les étapes du cycle de vie

Un Service Worker passe par plusieurs états avant de pouvoir contrôler une page :

1. Registration : Le navigateur télécharge le script.
2. Installation : L'événement install se déclenche. C'est ici qu'on met les fichiers en cache.
3. Activation : L'événement activate se déclenche. Parfait pour nettoyer les anciens caches.
4. Idle/Terminated : Le script s'arrête pour économiser de la batterie.
5. Fetch/Message : Le script se réveille pour répondre à un événement.

2. Exemple de script (sw.js)

self.addEventListener('install', (event) => {
  console.log('SW : Installation en cours...');
});

self.addEventListener('activate', (event) => {
  console.log('SW : Activé !');
});