voir si une demande réussit à l'intérieur d'un travailleur de service

Question

Je le code suivant dans mon travailleur de service:

self.addEventListener('fetch', function (event) { 
    var fetchPromise = fetch(event.request); 

    fetchPromise.then(function() { 
    // do something here 
    }); 

    event.respondWith(fetchPromise); 
}); 

Cependant, il est fait des trucs bizarres dans la console dev et semble faire la charge de script de manière asynchrone au lieu de synchrone (ce qui dans ce contexte est mauvais).

Est-il possible d'écouter quand une demande est terminée sans appeler manuellement fetch(event.request)?

Par exemple:

// This doesn't work 
self.addEventListener('fetch', function (event) { 
    event.request.then(function() { 
    // do something here 
    }); 
}); 

Answer 1

Si vous voulez vous assurer que votre série d'actions ensemble sont effectuées avant que la réponse est renvoyée à la page, vous devez répondre à l'ensemble de la chaîne de promesse, non seulement la promesse initiale retourné par aller chercher.

self.addEventListener('fetch', function(event) { 
    event.respondWith(fetch(event.request).then(function(response) { 
    // The fetch() is complete and response is available now. 
    // response.ok will be true if the HTTP response code is 2xx 
    // Make sure you return response at the end! 
    return response; 
    }).catch(function(error) { 
    // This will be triggered if the initial fetch() fails, 
    // e.g. due to network connectivity. Or if you throw an exception 
    // elsewhere in your promise chain. 
    return error; 
    })); 
});