version-rocket ，一个用于 web 应用检测版本更新的小工具。

🔔 version-rocket 🚀

简体中文 | English

一个用于 web 应用检测版本更新的小工具。

经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。

在团队合作中可能会有这样的情况: 你作为前端工程师, 在联调测试或部署上线时, 每次部署后都需要跟团队成员口头传达已经部署成功, 增加了沟通成本, 不够自动化, 也没有部署记录以有迹可循。

使用 version-rocket 可以帮你解决以上困扰。

简介

version-rocket 将用户当前浏览器中的版本与远程服务器中的版本文件进行比较。

如果有新的版本发布，将在页面中展示一个新版本更新提示弹窗，用户可以通过点击刷新按钮来更新版本。另外，version-rocket 也可传入一个回调函数来自定义版本更新提示界面。

我们使用基于javascript的 Web Worker API 来做监测轮询，不会影响浏览器渲染进程。

---

另外, 如果你所在的团队, 使用 Lark 或 飞书来团队协作, version-rocket 可以帮你推送“部署成功”的消息到 Lark 群聊中 (通过 Lark 机器人)。 使用方法非常快捷简单, 使用方法见下文。

如果有其他平台的推送需求, 可以提 issue

觉得有用，欢迎来点个 🌟，https://github.com/guMcrey/version-rocket

功能特点

• 支持所有现代浏览器
• 可用版本实时监测
• 部署成功后，将部署消息同步到 Lark 群聊
• 版本提示界面支持自定义，部署信息卡片的内容也可以自定义
• 支持 Npm 安装

效果截图

• 第一张图: 当有新版本更新时, 及时提醒用户刷新页面的功能弹窗。
• 第二张图: 在项目成功部署后，部署信息将被发送到群聊，以通知团队成员, 卡片文案通过一个 json 文件来配置, 请参见下文。
• 第三张图: 基于第二张图片的可选设置, 可以配置是否要@全员, 设置后所有人会收到提示。