【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、查看效果

相关推荐
澄江静如练_2 小时前
微信小程序发体验版
微信小程序·小程序
颜渊呐4 小时前
uniapp中APPwebview与网页的双向通信
前端·uni-app
白杨木影子被拉长6 小时前
多状态映射不同样式(scss语法)
vue.js·uni-app
流口水的兔子6 小时前
作为一个新手,如果让你去用【微信小程序通过BLE实现与设备通讯】,你会怎么做,
前端·物联网·微信小程序
一念杂记6 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
The_era_achievs_hero10 小时前
微信小程序61~70
微信小程序·小程序
编程猪猪侠11 小时前
Taro+Vue3实现微信小程序富文本编辑器组件开发指南
vue.js·微信小程序·taro
aklry12 小时前
uniapp三步完成生成一维码图片
uni-app
汤姆yu21 小时前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序
雪芽蓝域zzs1 天前
uniapp 国密sm2加密
uni-app