前端更新升级 如何友好的提醒用户更新？

[firhome]

请教各位大佬们：

一般来说单页应用，html 是协商缓存， js css 是放在 cdn 做了强缓存，文件名做了 hash

发布的时候也是 增量覆盖，不会出现什么问题。。。

现在我想达到的效果是。 如果用户正在访问我们网站。我这个时候更新了 js css ，如何能及时通知到用户（页面提醒）网站有更新请刷新页面？

[lisongeee]

你说的是本地开发时候的热重载吗？

[codefever]

顶部或者底部弹个 banner 出来吧，用户不点的话过几秒钟自动收回

[Chad0000]

参考 trello 维护通知：放个狗头在菜单栏上面

[jy02534655]

1.用 websocket ，监听到对应消息就提示刷新

2.基于 webpack 打包的项目可以写一个插件，每次打包的时候在静态资源目录写入一个带版本号的文件，同时 process.env.version 中也写入一个版本号，然后 监听路由切换 /用户点击 /定时器 去用 process.env.version 的版本号对比静态资源文件的版本号，版本号不一样就提示刷新

[Mark85]

用户正在访问的定义是——只浏览没有跳转新页面，还是可以有打开新页面的动作；如果有跳转新页面的动作可以试试 PWA 的方案

[dudubaba]

不用实时更新，监听路由变化，只要切页面了就请求是否升级的接口，然后做出对应处理完事，等于没切一个页面多调一个接口，性能消耗忽略不计。

[ccyu220]

提示更新其实不用特别实效性

在主接口或者 session 里面带上版本更新就好了，然后在顶部或者右下角提示。

参考各大开源项目文档。

[vision1900]

你这是真的把 Web 当成了 App 啊，文件名有 hash 的话点一下刷新按钮的事儿

在我看来属于 Over Engineering 了

[xQmQ]

参考 rsshub 文档的那种右下角更新通知？

[IvanLi127]

开个接口返回前端静态资源的版本号呗，前端定期检查并对比和自己拿到的静态资源版本号不匹配就提醒咯。提醒形式就看你们设计怎么处理咯。

[panxiuqing]

定时请求入口 HTML

[ImmerTry]

@panxiuqing 这个怎么做，求指教