Create react app Workbox/create react app PWAs何时更新到新的静态资产?

Create react app Workbox/create react app PWAs何时更新到新的静态资产?,create-react-app,progressive-web-apps,cloudflare,workbox,Create React App,Progressive Web Apps,Cloudflare,Workbox,我有一个PWA是用。PWA的代码库定期更新,我们每天都会发布新版本的应用程序 我注意到,在两个不同的用例中,我们的PWA更新有不同的行为。我想谈谈我所注意到的,我希望具有workbox专业知识的人能够解释为什么我已经有一段时间没有看过create react appcodebase了。通常,我们建议检测何时安装了新的service worker并且处于等待状态。它使用workbox窗口简化服务人员和客户端页面之间的一些通信,比如告诉服务人员调用skipWaiting(),以便新的服务人员有机会激

我有一个PWA是用。PWA的代码库定期更新,我们每天都会发布新版本的应用程序


我注意到,在两个不同的用例中,我们的PWA更新有不同的行为。我想谈谈我所注意到的,我希望具有workbox专业知识的人能够解释为什么我已经有一段时间没有看过
create react app
codebase了。通常,我们建议检测何时安装了新的service worker并且处于
等待
状态。它使用
workbox窗口
简化服务人员和客户端页面之间的一些通信,比如告诉服务人员调用
skipWaiting()
,以便新的服务人员有机会激活,然后在激活后重新加载页面

在Android主屏幕上添加web应用程序不会导致服务人员更新检查行为与桌面Chrome有所不同。在这两种情况下,都会根据《服务人员生命周期》指南中概述的原因检查更新的服务人员


如果您注意到环境之间的差异,那么是的,听起来CDN缓存可以解释这一点。特别是,如果您的
service worker.js
(或其名称)是通过CDN提供服务的,则您需要确保CDN清除其文件的旧副本,并在每次部署时用您最近生成的版本替换它。如果你不这样做,它会解释你看到的行为。

谢谢杰夫!我将试验你的建议。谢谢你花时间写这篇文章!