当前位置: 首页 > news >正文

如何在前端发版时实现向客户端推送版本更新消息

前端打包发版后如何用户一个更新提示,该提示会让用户主动去更新当前正在操作的页面,或者在系统有较大更新时,让用户重新更新本地缓存信息,这一操作比较友好,且能避免用户不更新当前系统,导致某些接口依赖更新后的数据而导致接口请求失败报错。

1、后端更新提示

有些情况下,后端需要有发版后更新提示,而此时前端并没有发版,有些情况下也不能实现用户无感知更新,这时候也需要更新提示,从而更新系统。这点就不细讲了,大致原理和前端更新一致。后端需要向前端接口,额外注入更新特殊字段信息。比如后端向前写入cookie时,或者在请求的headers中注入一个变化数据。当前端通过统一拦截器,获取到数据更新是,和本地的之前缓存(可能放在本地缓存或者token,或者cookie中)的旧数据进行对比,然后再不同的时候弹出提示框提醒更新。

2、前端更新提示

2.1 打包阶段 

前端在打包时,在更目录下要生成一个版本相关的文件,我这里一version.json为例,其中要包含打包时间,版本信息,以及升级后的内容。这个内容在打包时,将以上信息写入version.json。我这里版本信息,和更新信息取自package.json文件。利用name,version, description,再加上打包时的时间戳信息,共同构成这个文件。当然如果你运维比较牛

相关文章:

  • Java Date 判断两个Date范围在第几季度
  • 使用 Path 对象来定义路径
  • 在Vue3中使用Echarts的示例
  • 用户行为路径分析(Google Analytics数据挖掘)
  • Linux系统移植篇(十一)Linux 内核启动流程
  • 通过Continue调用Deepseek API keys,搭建AI代码助手
  • MySQL程序
  • WPF CommunityToolkit.MVVM库的简单使用
  • vue3之写一个aichat ----vite.config.js
  • 路由器安全研究|D- Link DIR-823G v1.02 B05 复现与利用思路
  • 从零搭建 Vue 3 + Element Plus 项目实战指南
  • WPF跨平台开发探讨:借助相关技术实现多平台应用
  • mysql学习-常用sql语句
  • 解决SpringCloud整合Nacos启动报java.lang.IllegalArgumentException: illegal dataId
  • 设计C语言的单片机接口
  • Springdoc 全部注解一文解释清楚
  • Python的Pytest测试框架(1)
  • 实验一:统计字符个数
  • 【QT】-toUtf8() 和 toBase64()的区别
  • mysql5.7主从部署(docker-compose版本)
  • 国务院任免国家工作人员:饶权任国家文物局局长
  • 人社部:对个人加大就业补贴支持,对企业加大扩岗支持
  • 央行副行长谈美债和美元波动:单一市场、单一资产的变动,对外储影响总体有限
  • 主播说联播丨六部门出台新政!来华买买买,实惠多多多
  • 商务部:入境消费增长潜力巨大,离境退税有助降低境外旅客购物成本
  • 哈马斯同意释放剩余所有以方被扣押人员,以换取停火五年