"可用的新版本"与Service Worker和sw预紧

Question

我试图使用sw precache，但我一定是做错了什么！

我主要使用github repo提供的演示代码，似乎无法获得应用程序的更新。一旦第一次缓存，它就不会检查新版本。

我希望在发布新的服务人员时，浏览器会请求新的服务人员，并在后台相应地更新缓存。然后使用示例中的注册码，我将能够提示用户刷新并从其新刷新的缓存中获取最新版本。

如果有人能为我指出正确的方向，我将不胜感激。

为了说明这个问题，我在这里创建了一个单独的示例：https://github.com/stevenocchipinti/sw-precache-demo

该示例使用了create react app中的一个基本框架，该框架具有一个内置的构建任务，负责对文件名等进行指纹识别。

我怀疑问题在于我使用以下sw precacheconfig来缓存所有内容：

{
  "staticFileGlobs": [ "build/**/*.*" ],
  "stripPrefix": "build/"
}

回购协议的自述中有更准确的步骤，但我为重现问题而采取的基本步骤如下（我的预期可能不正确）。

>

重新加载页面
控制台中的消息不应再次出现，因为已安装service worker，但页面仍应工作。

脱机并重新加载页面
页面应该仍然工作

对源代码进行可见的更改

重建（运行构建任务并sw precache）

这就是我理解错误的地方

重新加载页面

• 服务人员应在后台更新缓存

重新加载页面

• 这次浏览器将使用新缓存
• 更改现在应该可见
• 控制台中不应该有任何消息

一旦应用最初被缓存，它将永远不会更新，除非您注销服务辅助角色或强制重新加载。

我不知道如何使这项工作-任何帮助将不胜感激！

Answer 1

复制开发托管环境之后，我可以看到您正在为服务人员提供服务。js文件，浏览器HTTP缓存生存期为一小时：

在前面的回答中，还有更多关于为什么这会导致你看到的行为以及最佳实践的信息。正如答案顶部所提到的，浏览器计划改变他们的行为，默认情况下停止尊重服务工作人员文件的HTTP缓存，这主要是由于您在这里遇到的混乱类型。然而，就目前而言，Chrome和火狐的生产版本仍然尊重这些标题。