Chapitre 3 : Service Workers : Architecture et Enregistrement

1. L'architecture Proxy

Le Service Worker (SW) est l'épine dorsale d'une PWA. Il agit comme un proxy programmable entre votre navigateur et le réseau.

2. Enregistrement Robuste

Pour un site professionnel, l'enregistrement doit être géré avec soin pour ne pas bloquer le chargement initial.

if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('/sw.js', { scope: '/' })
      .then(registration => {
        console.log('SW enregistré avec succès sur le scope:', registration.scope);
      })
      .catch(error => {
        console.error('Échec de l\'enregistrement du SW:', error);
      });
  });
}

3. Le Scope (Portée)

Par défaut, un SW ne peut contrôler que les pages situées dans son répertoire et ses sous-répertoires. C'est pourquoi on le place généralement à la racine du projet.