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

相关推荐
小徐_23332 天前
uni-app vue3 也能使用 Echarts?Wot Starter 是这样做的!
前端·uni-app·echarts
iOS阿玮2 天前
永远不要站在用户的对立面,挑战大众的公知。
uni-app·app·apple
xw52 天前
uni-app中v-if使用”异常”
前端·uni-app
!win !2 天前
uni-app中v-if使用”异常”
前端·uni-app
Emma歌小白2 天前
如何首次运行小程序后端
微信小程序
赣州云智科技的技术铺子2 天前
【一步步开发AI运动APP】十二、自定义扩展新运动项目1
微信小程序·小程序·云开发·智能小程序
2501_915918412 天前
iOS 上架全流程指南 iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传 ipa 与审核实战经验分享
android·ios·小程序·uni-app·cocoa·iphone·webview
00后程序员张2 天前
iOS App 混淆与加固对比 源码混淆与ipa文件混淆的区别、iOS代码保护与应用安全场景最佳实践
android·安全·ios·小程序·uni-app·iphone·webview
00后程序员张3 天前
详细解析苹果iOS应用上架到App Store的完整步骤与指南
android·ios·小程序·https·uni-app·iphone·webview
海绵宝宝不喜欢侬3 天前
uniapp-微信小程序分享功能-onShareAppMessage
微信小程序·小程序·uni-app