什么是react js中的服务人员

Question

创建响应应用时，默认情况下会调用Service Worker。为什么使用服务工人？默认调用的原因是什么？

Answer 1

我想补充两个关于服务人员的重要注意事项：

>

服务人员需要HTTPS。但是要启用本地测试，此限制不适用于localhost。这是出于安全考虑，因为服务工作者的行为就像一个介于网络应用程序和服务器之间的人。

使用Create React App Service Worker仅在生产环境中启用，例如在运行npm run build时。

Service Worker在这里帮助开发一个Progressive Web App。在创建反应应用的上下文中，可以在他们的网站上找到一个很好的资源。

Answer 2

简而言之，它是一个脚本，浏览器在后台运行，与网页或DOM没有任何关系，并提供现成的功能。它还可以帮助您缓存资产和其他文件，以便在用户脱机或网络速度较慢时使用。

其中一些功能是代理网络请求、推送通知和后台同步。服务工作者确保用户拥有丰富的离线体验。

您可以将服务工作者视为坐在客户机和服务器之间的人，向服务器发出的所有请求都通过服务工作者传递。基本上是一个中间人。由于所有请求都通过服务工作者，因此它能够动态拦截这些请求。

Answer 3

您的应用程序可能不需要服务人员。如果您正在使用create react app创建项目，则默认情况下会调用它

本文对服务人员进行了很好的解释。总结

service worker是一个脚本，您的浏览器在后台运行，与网页分开，为不需要网页或用户交互的功能打开大门。如今，它们已经包括了推送通知和后台同步等功能，并具有拦截和处理网络请求的能力，包括以编程方式管理响应缓存。

将来，服务人员可能会支持其他功能，如定期同步或地理Geofence。

根据此PR创建react应用程序

通过SWPrecacheWebPackPlugin介绍了创建-反应-应用程序的服务工作者。

使用具有缓存优先策略的服务器辅助角色提供了性能优势，因为网络不再是实现导航请求的瓶颈。然而，这确实意味着开发人员（和用户）只会在对页面的“N 1”访问中看到部署的更新，因为以前缓存的资源是在后台更新的。

在新的应用程序中，默认情况下启用了对注册服务工作者的调用，但您可以随时删除它，然后恢复正常行为。