3

我对服务人员更新过程有疑问。在我的项目中有 2 个与 sw 相关的文件：

放置在网站根目录中的“ sw.js ”将不会被缓存（通过缓存 API 和 Web 浏览器）。

我的服务人员管理所有静态文件和所有动态 url 页面的缓存。

有时我需要更新它，客户端必须检测到有更新并立即执行。

“ sw_main.js ” 是安装我的软件的脚本。此文件由 Cache API 缓存，因为我的应用程序必须离线工作。

在里面我们可以找到：

var SW_VERSION = '1.2';
navigator.serviceWorker.register("sw.js?v=" + SW_VERSION, { scope: "/" }).then(....

问题是：因为 sw_main.js 被缓存，如果我更改 SW_VERSION 然后在线部署 webapp，所有客户端都不会更新，因为看不到该文件中的更改。

管理软件更新过程的最佳方式是什么？

就像我现在一样，有 3 种方法可以触发 sw 更新：

  1. 推送和同步事件（但我没有实现这些）
  2. 仅在服务工作者 URL 已更改时才调用 .register() （但在我的情况下，这是不可能的，因为 sw_main.js 已缓存，因此我无法更改 SW url）
  3. 导航到范围内的页面（我认为我们遇到了与第 2 点相同的缓存问题）

我还读到：“如果您的服务工作者与浏览器已有的字节不同，则认为它已更新”。

那就是说如果我改变了sw.js的内容（也就是没有缓存），service worker会自动检测更新吗？

谢谢

4

1 回答 1

2

我找到了 2 个可能的解决方案。

首先我想说的是最好缓存（使用pwa Cache API）也缓存sw.js，因为当你离线时，它会被sw_main.js请求。

第一个解决方案：

使用 service worker 的缓存作为后备，并始终尝试通过 fetch() 进行网络优先。这仅适用于 sw.js 和 sw_main.js。你失去了缓存优先策略提供的一些性能提升，但 js 文件大小非常轻，所以我认为这不是一个大问题。

第二个解决方案：

如果您缓存的 sw.js 文件已更改？我们可以挂接到注册的 Service Worker 上的“onupdatefound”函数。即使您可以缓存大量文件，Service Worker 也只会检查您注册的 service-worker.js 的哈希值。如果该文件中只有 1 个小改动，它将被视为新版本。所以这证实了我之前的问题！我会试试看！

如果可行，第二种解决方案是最好的

于 2018-01-18T15:39:24.297 回答