在单页应用程序中检查service worker更新

Question

我们有一个信号页面应用程序，该应用程序已安装并处于活动状态。

现在我们的服务器重建应用程序，服务工作者文件正在服务器端更新。

我们的客户不知道这个新的服务人员文件，它仍然在使用旧的服务人员文件。

当它工作？如果我刷新/重新加载应用程序，新的服务工作人员正在安装。

如果服务器上的服务工作者文件正在更新，而客户端没有重新加载，我们如何刷新客户端？

可能的解决方案：我想，我需要在1小时后或其他时间进行投票。

Answer 1

“服务人员生命周期”是解决这类问题的重要资源。

特别是，有一个部分涉及更新：

触发更新：

• 在导航到范围内页面时
• 在功能事件（如推送和同步）上，除非在前24小时内进行了更新检查
• 打电话来。仅当服务工作者URL已更改时才注册（）

因为您的SPA不使用真正的导航，所以您不会得到第一个要点中提到的自动更新检查。

您可以改为遵循该部分后面的示例：

如前所述，浏览器会在导航和功能事件后自动检查更新，但您也可以手动触发它们：

navigator.serviceWorker.register('/sw.js').then(reg => {
  // sometime later…
  reg.update();
});

我可能要做的是修改您的SPA的路由器，并在路由器要切换到新视图时自动调用reg.update（）。这将模拟与非SPA中相同的导航更新行为。

至少调用一次navigator之后。服务人员。register（）已完成，服务人员有机会安装并激活。此时，无论是否使用navigator，都将检查服务人员更新。服务人员。再次调用register（）。

本答案的前面部分描述了这些更新检查将在何时进行（隐式或显式）。

您可以通过比较服务辅助程序规范中注册和更新作业之间的差异来深入了解详细信息。