uniapp的更新流程【安卓、IOS、热更新】

UniApp应用更新方案

两种更新方式

  1. APP全量升级:需要重新下载安装包
  2. 热更新:通过下载wgt资源包实现,用户只需重启应用

Android更新实现

用户需要授权安装权限,流程为下载APK后自动弹出安装界面

javascript 复制代码
var dtask = plus.downloader.createDownload("APK下载地址", {
  method: "GET"
}, (d, status) => {
  if (status == 200) {
    console.log("下载成功安装: " + d.filename);
    plus.runtime.install(d.filename)
  } else {
    plus.nativeUI.alert("安装失败,请稍候重试: " + status)
  }
});

this.downloading = true
dtask.addEventListener('statechanged', (e) => {
  // 下载进度监听
  this.downloadedSize = (e.downloadedSize / 1000000).toFixed(1)
  this.packageFileSize = (e.totalSize / 1000000).toFixed(1)
  this.downLoadPercent = (e.downloadedSize / e.totalSize * 100).toFixed(0)
});
dtask.start();

iOS更新实现

直接跳转至App Store

javascript 复制代码
plus.runtime.openURL("appStore地址");

热更新实现步骤

  1. 修改版本号

    更新manifest.json中的版本号(如从1.0.0升级到1.0.1或1.1.0)

  2. 生成升级包

    在HBuilderX中:菜单->发行->原生App-制作移动App资源升级包(wgt)

  3. 部署更新

    将wgt包上传至服务器,在代码中实现版本检测和更新逻辑

javascript 复制代码
uni.downloadFile({
  url: "wgt地址",
  success: (downloadResult) => {
    uni.showLoading({
      title: '更新中'
    })
    if (downloadResult.statusCode === 200) {
      uni.hideLoading();
      
      plus.runtime.install(downloadResult.tempFilePath, {
        force: true  // 是否强制更新
      }, function() {
        console.log('install success...');
        setTimeout(() => {
          plus.runtime.restart();
        }, 0)
      }, function(e) {
        console.error(e);
      });
    } else {
      console.error('download fail...');
    }
  }
});

注意事项

  1. 开发阶段使用HBuilder应用信息,需打包自定义基座或正式包测试
  2. 使用plus.runtime.getProperty()获取manifest版本信息而非plus.runtime.version
  3. 安装wgt包后必须调用plus.runtime.restart()使更新生效
  4. 使用条件编译限定仅在App平台执行更新逻辑
相关推荐
雾恋11 小时前
我用 trae 写了一个菜谱小程序(灶搭子)
前端·javascript·uni-app
枯骨成佛12 小时前
MTK Android 14 通过属性控制系统设置显示双栏或者单栏
android
雨白12 小时前
Android 自定义 View:范围裁切和几何变换
android
jiushiapwojdap13 小时前
Flutter上手记:为什么我的按钮能同时在iOS和Android上跳舞?[特殊字符][特殊字符]
android·其他·flutter·ios
limuyang215 小时前
Android RenderScript-toolkit库,替换老式的脚本方式(常用于高斯模糊)
android
柿蒂16 小时前
产品需求驱动下的技术演进:动态缩放View的不同方案
android·kotlin·android jetpack
lumi.16 小时前
2.3零基础玩转uni-app轮播图:从入门到精通 (咸虾米总结)
java·开发语言·前端·vue.js·微信小程序·uni-app·vue
约翰先森不喝酒16 小时前
uni-app 组件之自定义导航栏
uni-app
顾辰逸you17 小时前
uniapp--HBuilderx编辑器
前端·uni-app