web-dev-qa-db-fra.com

Quel est le service worker dans react js

Lors de la création d'une application de réaction, l'agent de service est appelé par défaut. Pourquoi le service worker est-il utilisé? Quelle est la raison de l'invocation par défaut?

51
usergs

Vous n’avez peut-être pas besoin d’un technicien de service pour votre application. Si vous créez un projet avec create-react-app, il est appelé par défaut.

Les ouvriers de service sont bien expliqués dans this article. En résumer

Un service worker est un script que votre navigateur exécute en arrière-plan, séparément d'une page Web, ouvrant la porte à des fonctionnalités ne nécessitant ni page Web ni interaction utilisateur. Aujourd'hui, ils incluent déjà des fonctionnalités telles que Push notifications et background sync et ont ability to intercept and handle network requests, y compris programmatically managing a cache of responses.

À l'avenir, les agents de service pourraient prendre en charge d'autres éléments tels que periodic sync ou geofencing.

Selon ceci PR créer-réagir-app

Service workers sont introduits avec create-react-app via SWPrecacheWebpackPlugin.

L'utilisation d'un serveur avec une stratégie "cache-first" offre des avantages en termes de performances, car le réseau n'est plus un goulot d'étranglement pour répondre aux demandes de navigation. Cela signifie toutefois que les développeurs (et les utilisateurs) ne verront que les mises à jour déployées ne sont visibles que lors de la visite "N + 1" d'une page, car les ressources précédemment mises en cache sont mises à jour en arrière-plan.

L’appel à register service worker est activé par défaut dans les nouvelles applications, mais vous pouvez toujours le supprimer, puis vous retrouvez un comportement normal.

63
Shubham Khatri