Что такое сервис-воркер в React JS

Возможно, вам не понадобится сервисный работник для вашего приложения. Если вы создаете проект с помощью приложения create-response-app, оно вызывается по умолчанию.

Сервис-воркеры хорошо объяснены в статье это. Подводя итог

A service worker is a script that your browser runs in the background, separate from a web page, opening the door to features that don't need a web page or user interaction. Today, they already include features like push notifications and background sync and have ability to intercept and handle network requests, including programmatically managing a cache of responses.

In the future, service workers might support other things like periodic sync or geofencing.

По этому PR для create-react-app

Service workers are introduced with create-react-app via SWPrecacheWebpackPlugin.

Using a server worker with a cache-first strategy offers performance advantages, since the network is no longer a bottleneck for fulfilling navigation requests. It does mean, however, that developers (and users) will only see deployed updates on the "N+1" visit to a page, since previously cached resources are updated in the background.

Вызов register service worker включен по умолчанию в новых приложениях, но вы всегда можете удалить его, и тогда вы вернетесь к обычному поведению.

Проще говоря, это сценарий, который браузер запускает в фоновом режиме и не имеет никакого отношения к веб-страницам или DOM и предоставляет готовые функции. Это также помогает вам кэшировать ваши активы и другие файлы, когда пользователь находится в автономном режиме или в медленной сети.

Некоторые из этих функций - проксирование сетевых запросов, push-уведомления и фоновая синхронизация. Сервисные работники гарантируют, что у пользователя есть богатый опыт работы в автономном режиме.

Вы можете думать о сервис-воркере как о ком-то, кто сидит между клиентом и сервером, и все запросы, которые отправляются на сервер, проходят через сервис-воркер. В основном посредник. Поскольку все запросы проходят через сервис-воркер, он способен перехватывать эти запросы на лету.

Я хотел бы добавить два важных момента о сервис-воркерах, которые следует учитывать:

1. Сервис-воркерам требуется HTTPS. Но для включения локального тестирования это ограничение не распространяется на localhost. Это сделано из соображений безопасности, поскольку Service Worker действует как человек посередине между веб-приложением и сервером.

2. С Создать приложение React Service Worker включается только в производственной среде, например, при запуске npm run build.

Сервисный работник здесь, чтобы помочь разработать Прогрессивное веб-приложение. Хороший ресурс об этом в контексте приложения Create React можно найти на их веб-сайте здесь.