微信小程序更新机制踩坑记录:updateInfo 为什么总是读到旧数据?

微信小程序更新机制踩坑记录:updateInfo 为什么总是读到旧数据?

摘要:

在 app.js 里用 updateInfo 维护更新日志,但升级时用户看到的始终是旧内容。原因:更新弹窗运行在旧版本代码中,读不到新版本数据(官方机制)。解决方式:更新弹窗只提示重启,更新内容放到新版本页面里展示

一、背景说明

我在做小程序版本升级时,有一个固定习惯:

app.js 里维护一个 updateInfo 配置,用来做两件事:

  1. 记录版本信息
  2. 在更新时告诉用户"这次改了什么"

大致结构是这样的(已做简化处理):

js 复制代码
updateInfo = {
  version: 'x.x.x',
  forceUpdate: true,
  updateLogs: {
    'x.x.x': [
      '功能优化',
      '体验改进',
      '问题修复'
    ]
  }
}

原本预期是:

用户升级时,可以在弹窗中看到当前版本的更新内容

但实际结果是:用户看到的始终是旧版本的更新日志

例如 我更新了 2.8.0 版本,弹窗永远看到的是 2.7.0 的更新日志


二、原因定位

查了官方文档后,结论很直接:

不是代码问题,是微信小程序更新机制决定的

关键点只有一句话:

更新弹窗运行在旧版本代码中

具体机制:

  1. 小程序启动:

    • 使用本地旧包运行
    • 同时后台下载新版本
  2. 更新提示出现时:

    • 仍然在执行旧代码
    • 无法访问新版本里的 updateInfo
  3. 新版本何时生效:

    • 必须等下一次冷启动

举个实际例子

  • 本地版本:2.8.x
  • 发布版本:2.9.x

流程:

  1. 用户打开小程序 → 运行旧版本
  2. 后台下载新版本
  3. 弹更新提示 → 用的是旧版本代码
  4. 读取的 updateLogs → 也是旧版本的

所以用户看到的永远是"旧内容"


四、当前实现逻辑(简述)

项目里做了两层更新相关逻辑:

1. 更新检测(checkForUpdate)

基于 UpdateManager

  • 检测是否有新版本
  • 下载完成后触发弹窗
  • 调用 applyUpdate 重启

2. updateInfo 双分支

场景 行为
强制更新 只提示重启,不展示日志
非强制更新 展示 updateLogs

3. 更新亮点弹窗(补充)

额外做了一层"what's new":

  • 用本地缓存记录版本
  • 控制是否展示更新内容

作用:

把"更新内容展示"从系统更新弹窗里拆出来


五、最终解决方案

1. 更新弹窗只做一件事

js 复制代码
forceUpdate: true
  • 只提示"有新版本,需要重启"
  • 不再展示 updateLogs

2. 更新内容换位置展示

updateLogs 用在:

更新亮点弹窗(进入页面后展示)

这样有两个好处:

  • 使用的是新版本代码 ✅
  • 展示内容一定正确 ✅

3. updateInfo 的定位调整

从:

"更新弹窗的数据源"

变为:

"版本记录 + 更新亮点数据源"


六、长期建议

1. 固定策略

  • 一律使用强制更新
  • 更新弹窗不承载内容展示

2. 版本维护规范

每次发版只做两件事:

  1. 更新 version
  2. 补充 updateLogs

3. 测试方法

js 复制代码
// 模拟升级
wx.setStorageSync('last_seen_update_version', '旧版本')

// 模拟首次安装
wx.removeStorageSync('last_seen_update_version')

七、参考资料


八、结论

  1. updateInfo 没问题,问题在机制

  2. 更新弹窗读取的是旧包代码

  3. 所以无法展示新版本内容

  4. 正确做法是:

    • 更新弹窗只负责"重启"
    • 更新内容用独立弹窗展示
相关推荐
空中海7 小时前
微信小程序 - 03 工程实践层与综合 Demo
微信小程序·小程序·notepad++
小徐_23338 小时前
Wot UI v1 升级 v2?这份迁移指南帮你少踩坑!
前端·微信小程序·uni-app
优睿远行9 小时前
微信小程序云开发环境搭建与REST API混合架构实战
微信小程序·小程序
Greg_Zhong10 小时前
解决绘制的雷达图在页面有滚动时,雷达图出现`轻微上下偏移`的问题
微信小程序·canvans绘制雷达图
空中海10 小时前
微信小程序 - 02 基础概念层与核心能力层
微信小程序·小程序
無名路人12 小时前
小程序点餐页吸顶滚动
前端·微信小程序·ai编程
游戏开发爱好者813 小时前
使用Fiddler设置HTTPS抓包诊断Power Query网络问题
android·ios·小程序·https·uni-app·iphone·webview
七月的冰红茶13 小时前
【开发工具】使用cursor实现点单小程序
小程序
Greg_Zhong14 小时前
微信小程序中使用canvas实现雷达图及标签对角显示(实现雷达图标签的标准做法)
微信小程序·小程序canvas实现雷达图·标签不通过canvas绘制
码农客栈15 小时前
小程序学习(十八)之“骨架屏”
小程序