uniapp之app版本更新，整体更新和热更新

本文主要是介绍uniapp之app版本更新，整体更新和热更新，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

需求：

版本更新有两种更新模式：

实现：

前提：

热更新：

打包wgt包：菜单->发行->原生App-制作移动App资源升级包

代码逻辑:

整体更新：

实际项目开发：

需求：

工作中遇到一个需求，app上架各个市场后，用户需要版本更新检验，下载最新的版本

版本更新有两种更新模式：

资源在线升级/热更新（即App并重新安装，里面的js等前端代码进行更新。）
整包升级/整体更新（即常规的整个App安装包重新下载安装）

实现：

前提：

每次升级之前，不管是热更新还是整体更新，都需要去更新 manifest.json 中的版本号。

（比如之前是 1.0.0，那么新版本应该是 1.0.1 或 1.1.0 这样。）

热更新：

打包wgt包：菜单->发行->原生App-制作移动App资源升级包

代码逻辑:

uni.downloadFile({  url: 后端返的wgt的下载地址,  success: (downloadResult) => {  if (downloadResult.statusCode === 200) { plus.runtime.install(downloadResult.tempFilePath, {  force: false  //true表示强制安装，不进行版本号的校验；false则需要版本号校验，如果将要安装应用的版本号不高于现有应用的版本号则终止安装，并返回安装失败。 仅安装wgt和wgtu时生效，默认值 false。}, function() {  console.log('install success...');  plus.runtime.restart();  //下载安装成功之后需要restart重启app}, function(e) {  console.error('install fail...');  });  }  }  });

整体更新：

const platform = uni.getSystemInfoSync().platform //手机平台	
uni.showModal({title: '版本升级',content: info.msg,showCancel: false,success: function (res) {if (res.confirm) {if(platform == 'android'){// 跳转安卓应用市场let appurl = "market://details?id=安卓包的包名" //这个是通用应用市场，如果想指定某个应用商店，需要单独查这个应用商店的包名或scheme及参数plus.runtime.openURL(appurl)}else if(platform == 'ios'){const appleId = 对应的ios包的Appleid（不是appid）plus.runtime.launchApplication({action: `itms-apps://itunes.apple.com/cn/app/id${appleId}`,})}}}})

实际项目开发：

把热更新和整体更新代码逻辑融合在一起的，通过请求服务端返回的状态来控制是什么更新模式

在请求头传输当前的版本version

注意：获取version有两种方式，

plus.runtime.version 或者 uni.getSystemInfo() 读取到的是 apk/ipa 包的版本号，而非 manifest.json 资源中的版本信息，所以这里用 plus.runtime.getProperty() 来获取相关信息（ plus.runtime.getProperty()获取信息是异步的所以注意执行顺序）。

let appVersion = '';
let appVersion2 = '';
// #ifdef APP-PLUS
plus.runtime.getProperty(plus.runtime.appid, (appInfo) => {// 获取版本名称appVersion = appInfo.version; //这个是异步的console.log(appInfo.version);// 获取版本号console.log(appInfo.versionCode);// 获取当前应用idconsole.log(appInfo.appid);console.log(plus.runtime.version)
});
appVersion2 = plus.runtime.version //这个是同步的

把获取到的版本号放在请求头中，这样就能检测到是否需要版本更新

在App.vue中onLaunch生命周期里调用检测版本更新方法。

unpdate(){Api.apiverifyVersion().then(res=>{if (info.code === 1007) {if(info.data.type === 1){console.log(" info.data", info.data)uni.downloadFile({  url: info.data.wgtUrl,  success: (downloadResult) => {  if (downloadResult.statusCode === 200) { console.log("downloadResult.tempFilePath",downloadResult.tempFilePath)plus.runtime.install(downloadResult.tempFilePath, {  force: false  //true表示强制安装，不进行版本号的校验；false则需要版本号校验，如果将要安装应用的版本号不高于现有应用的版本号则终止安装，并返回安装失败。 仅安装wgt和wgtu时生效，默认值 false。}, function() {  console.log('install success...');  plus.runtime.restart();  }, function(e) {  console.error('install fail...');  });  }  }  });  }else if(info.data.type === 0){const exists = uni.getStorageSync('version_expired') || false  ;//作用防止modal弹窗多次弹出const platform = uni.getSystemInfoSync().platform //手机平台if(!exists){uni.setStorageSync('version_expired', true)  uni.showModal({title: '版本升级',content: info.msg,showCancel: false,success: function (res) {uni.setStorageSync('version_expired', false)  if (res.confirm) {if(platform == 'android'){// 跳转安卓应用市场let appurl = "market://details?id=对应包id" //这个是通用应用市场，如果想指定某个应用商店，需要单独查这个应用商店的包名或scheme及参数plus.runtime.openURL(appurl)}else if(platform == 'ios'){const appleId = 对应包的appleidplus.runtime.launchApplication({action: `itms-apps://itunes.apple.com/cn/app/id${appleId}`,})}}}})}}} })}

参考借鉴文档：

uni-app 资源在线升级/热更新 - DCloud问答

这篇关于uniapp之app版本更新，整体更新和热更新的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！