Chapitre 9 : Sync

1. Le concept

Imaginez que vous envoyez un message alors que vous êtes dans le métro sans tunnel. Le **Background Sync** permet de différer cet envoi et de le déclencher automatiquement dès que le téléphone retrouve du réseau, même si l'utilisateur a fermé l'onglet.

2. Enregistrement d'une tâche de synchro

navigator.serviceWorker.ready.then(reg => {
  return reg.sync.register('envoi-message');
});

3. Gestion dans le Service Worker

self.addEventListener('sync', (event) => {
  if (event.tag === 'envoi-message') {
    event.waitUntil(envoyerMessagesEnAttente());
  }
});