Angular PWA ngsw-config updateMode——它何时会在用户的 PWA 上更新？

Question

我们最近使用 Ionic + Angular PWA 部署了一个生产应用程序。 不幸的是，我们没有为资产 *.js 和 *.html 设置更新模式。 我们已经部署了新版本的 ngsw-config 和 ngsw.json，其中包括更新资产的方法。

如果用户已经在他们的手机上安装了我们的应用程序（即主屏幕上的快捷方式）-> 他们的 ngsw-config 或 ngsw.json 需要多长时间更新？

会自动更新吗？

Answer 1

根据https://angular.io/guide/service-worker-devops#update-checks ：

每次用户打开或刷新应用程序时，Angular Service Worker 都会通过查找 ngsw.json 清单的更新来检查应用程序的更新。 如果找到更新，它会自动下载并缓存，并在下次加载应用程序时提供。

这意味着下次*您的用户打开应用程序时，他应该获得更新的内容/应用程序，因为服务器中提供了新版本的ngsw.json 。

旁注：我自己没有尝试过。 我唯一不确定的是，即使您在ngsw.json文件上明确设置了Cache-Control: max-age...标头，Service Worker 是否总是获取新的ngsw.json文件。 我认为它会因为 Angular 拥有对应用程序完整性的有力保证。 但是，我建议您事先尝试一下。

*（注意“下次”）如果用户已经“添加到主屏幕”上一个版本，当他再次打开应用程序时，即使新版本现在可用，浏览器仍然呈现旧应用程序。 这是因为 Service Worker在此期间检查ngsw.json的更新并在后台下载更新的版本。 如果用户第二次关闭并打开应用程序，则新版本将实际呈现。 我在某处（但我忘记在哪里）读到，在新版本可用后用户第一次打开应用程序时，可以显示“新版本可用，您要刷新吗”消息，但这超出了范围这个问题，所以我不会深入研究。