我们有一个与Webpack打包在一起的PWA ReactJS应用程序,并推送到s3进行部署。由于应用程序的性质,用户会在应用程序上停留数天,并且永远不会关闭/刷新页面。
部署后,指向新生产资产的新index.html在s3存储桶中更新。但是,由于用户没有关闭/刷新页面,因此用户陷入了旧版本,有时会导致功能中断。我如何获取当前打开的选项卡以获取新的清单/资产并使用它们而不是旧的清单/资产,而无需用户手动完成工作?
请明确一点,我知道这种方式存在:
查询服务器是否有可用的更新,并显示一个对话框 用户,如果有可用的更新,请运行window.location.reload(true)并 将新的versionString存储在localStorage
我正在尝试一种无需刷新即可在后台更新资产的方法。