UniApp实现版本更新与应用升级的设计与开发技巧

// 获取本地版本号
const localVersion = uni.getSystemInfoSync().version;
// 请求服务器接口获取最新版本号
const serverVersion = await uni.request({
  url: 'https://api.example.com/version',
  method: 'GET'
});
// 比较版本号
if (localVersion < serverVersion) {
  uni.showModal({
    title: '版本更新',
    content: '发现新版本，是否进行更新？',
    success: (res) => {
      if (res.confirm) {
        // 跳转到应用商店进行更新
        uni.navigateToMiniProgram({
          appId: 'wx123456789',
          path: '/pages/index',
          success: () => {
            console.log('成功跳转到应用商店');
          },
          fail: () => {
            console.error('跳转到应用商店失败');
          }
        });
      }
    }
  });
}

// 创建UpdateManager实例
const updateManager = uni.getUpdateManager();

// 监听检查更新事件
updateManager.onCheckForUpdate((res) => {
  if (res.hasUpdate) {
    uni.showModal({
      title: '应用升级',
      content: '发现新版本，是否进行升级？',
      success: (res) => {
        if (res.confirm) {
          // 开始下载新版本
          updateManager.onUpdateReady(() => {
            uni.showModal({
              title: '应用升级',
              content: '新版本已经下载完毕，是否立即安装？',
              success: (res) => {
                if (res.confirm) {
                  // 应用升级并重启
                  updateManager.applyUpdate();
                }
              }
            });
          });

          // 监听下载进度
          updateManager.onUpdateDownload((res) => {
            console.log('下载进度：' + res.progress);
          });
        }
      }
    });
  }
});