【uni-app 微信小程序】新版本发布提示用户进行更新

知识准备

uni.getUpdateManager文档介绍

不支持APPH5,所以在使用的时候要做好平台类型的判断,如何判断,参考条件编译处理多端差异

代码参考

js 复制代码
export const updateApp = () => {
  const updateManager = uni.getUpdateManager()
  updateManager.onCheckForUpdate((res) => {
    // 检测新版本后的回调
    if (res && res.hasUpdate) {
      // 如果有新版本提醒并进行强制升级
      uni.showModal({
        content: '新版本已经准备好,是否重启应用?',
        showCancel: false,
        confirmText: '确定',
        success: (res) => {
          if (res.confirm) {
            updateManager.onUpdateReady((res) => {
              // 新版本下载完成的回调,强制当前小程序应用上新版本并重启
              updateManager.applyUpdate()
            })

            updateManager.onUpdateFailed((res) => {
              // 新版本下载失败的回调
              uni.showModal({
                content: '下载失败,请您删除当前小程序,重新搜索打开',
                showCancel: false,
                confirmText: '知道了',
              })
            })
          }
        },
      })
    }
  })
}

如何开发调试

1、在微信开发者工具中选择添加编译模式

2、勾选编译设置,选择更新状态

3、手动点击编译按钮

4、查看效果

相关推荐
Stanford_11062 小时前
关于嵌入式硬件需要了解的基础知识
开发语言·c++·嵌入式硬件·微信小程序·微信公众平台·twitter·微信开放平台
明月(Alioo)2 小时前
用AI帮忙,开发刷题小程序:软考真经微信小程序API接口文档(更新版)
微信小程序·小程序
BumBle2 小时前
uniapp 用css实现圆形进度条组件
前端·vue.js·uni-app
克里斯蒂亚诺更新7 小时前
微信小程序的页面生命周期 以及onShow的应用场景
微信小程序·小程序
江城开朗的豌豆10 小时前
小程序避坑指南:这些兼容性问题你遇到了几个?
前端·javascript·微信小程序
iOS阿玮10 小时前
分享一个4.3(a)瓜,一个操作毁了公司3个月的成果。
uni-app·app·apple
江城开朗的豌豆10 小时前
玩转小程序页面跳转:我的路由实战笔记
前端·javascript·微信小程序
00后程序员张11 小时前
苹果软件混淆的工程逻辑,从符号空间到资源扰动的体系化实现
android·ios·小程序·https·uni-app·iphone·webview
街尾杂货店&16 小时前
word属性解释
uni-app
zluz_18 小时前
微信小程序,组件中使用全局样式
微信小程序·小程序