如何使用当前部署的清单/资产自动更新PWA

时间:2018-09-12 07:12:11

标签: html webpack web-deployment progressive-web-apps

我们有一个与Webpack打包在一起的PWA ReactJS应用程序,并推送到s3进行部署。由于应用程序的性质,用户会在应用程序上停留数天,并且永远不会关闭/刷新页面。

部署后,指向新生产资产的新index.html在s3存储桶中更新。但是,由于用户没有关闭/刷新页面,因此用户陷入了旧版本,有时会导致功能中断。我如何获取当前打开的选项卡以获取新的清单/资产并使用它们而不是旧的清单/资产,而无需用户手动完成工作?

请明确一点,我知道这种方式存在:

  

查询服务器是否有可用的更新,并显示一个对话框   用户,如果有可用的更新,请运行window.location.reload(true)并   将新的versionString存储在localStorage

我正在尝试一种无需刷新即可在后台更新资产的方法。

0 个答案:

没有答案