整包更新:应用在大版本更新,内容更新较多时使用
热更新:应用在小版本更新,内容更新较少时
整体流程:
注: 1. plus.runtime 文档见 https://www.html5plus.org/doc/zh_cn/runtime.html
- 对于不同设备类型,可通过 plus.os.name.toLocaleLowerCase()获取。
- 我们apk存放在oss上,有一个增量更新的文件夹,一个安卓apk的文件夹,苹果版本在商店上架
一. 苹果应用更新
- 使用plus.runtime.getProperty方法获取指定APPID对应的应用信息,主要获取当前app应用版本号。
- 通过访问https://itunes.apple.com/cn/lookup?id=${appId},获取苹果商店中应用的版本号。
- 对比版本号,苹果商店版本 > 当前pad版本时,有大版本更新(整包更新),直接从苹果商店下载新版本。
- 对比版本号,苹果商店版本 < 当前pad版本时,没有大版本更新(整包更新),此时去访问后端接口,查看是否有增量更新的版本,如果有,通过plus.runtime.install下载。
二. 安卓应用更新
- 使用plus.runtime.getProperty方法获取指定APPID对应的应用信息,主要获取当前app应用版本号。
- 访问后端接口查看(接口传入上面的版本号),此时查询的是大版本(整包)文件夹下的版本,是否有最新版本。
- 有大版本版本更新时,通过后端接口,拿到链接,plus.runtime.openFile下载。
- 没有大版本版本更新时,访问后端接口查增量更新文件夹下,有没有最新版本,如果有,通过plus.runtime.install下载。
代码:
在项目主页,每次进来先检查更新
// 更新检测
checkUpdate () {
plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
const platform = plus.os.name.toLocaleLowerCase()
if (platform === 'ios') {
uni.request({
url: `https://itunes.apple.com/cn/lookup?id=${appId}`,
success: (res) => {
const info = res.data.results[0] // 苹果返回的产品详情
let currentVersion = currentVer.replace(/\./g,'');
let newVersion = newVer.replace(/\./g,'');
// 苹果商店最新版本 > 当前pad版本 时,有大新版本
if (newVersion > currentVersion) {
// 获取更新内容
this.getProductInfo();
} else {
// 如果没有大版本更新,去增量更新文件查找有没有需要增量更新是文件
this.getIncremental();
}
}
})
} else {
this.server.checkVersion().then(async res => {
if (res.code == 200) {
// 有大版本更新,获取更新内容,打开弹窗
if (res.data) {
// 获取更新内容
this.getProductInfo();
} else {
// 如果没有大版本更新,去增量更新文件查找有没有需要增量更新是文件
this.getIncremental();
}
}
})
}
})
},
// 点击弹窗确认,点击下载
confirm () {
this.$refs.version.close();
this.updateOfApk()
},
// 下载apk包
updateOfApk () {
const platform = plus.os.name.toLocaleLowerCase()
if (platform === 'ios') {
// ios从苹果商店下载
plus.runtime.launchApplication({
action: `itms-apps://itunes.apple.com/cn/app/id${appId}?mt=8`
}, function (e) {
console.log('Open system default browser failed: ' + e.message);
})
} else {
// 安卓下载从后端获取的oss上下载
this.getUrlToOss()
}
},
// 获取当前版本更新内容
getProductInfo () {
this.server.getProductDescription().then(res => {
if (res.code === 200) {
// 打开弹窗,显示更新内容
this.$refs.version.open()
}
})
},
// 增量更新
async getIncremental (currentVersion) {
try {
// 检查小版本更新
let res = await this.server.checkVersion()
// res.data为false时,没有有新版本
if (!res.data) return
// 有小版本更新,获取下载地址,进行增量更新
let urlData = await this.server.downloadURL()
// 接口报错截止
if (urlData.code !== 200) return
// uni下载文件
let downUrl = await this.uniDownLoadFile()
// 接口报错截止
if (downUrl.statusCode !== 200) return
// 下载文件
plus.runtime.install(downUrl.tempFilePath, {
force: false
}, () => {
plus.runtime.restart(); // 重启项目
}, (e) => {
// 调用一个接口,将e返回咯
console.log(e)
});
} catch (e) {
console.log(e)
}
},
// 安卓下载地址
async getUrlToOss () {
try {
let res = await this.server.downloadURL()
if (res.code !== 200) return
// uni下载文件
let downUrl = await this.uniDownLoadFile(res.data)
// 接口报错截止
if (downUrl.statusCode !== 200) {
uni.showToast({
title: this.$t('error.下载失败'),
duration: 2000,
icon: 'none'
});
return
}
// 下载文件
plus.runtime.openFile(downUrl.tempFilePath);
} catch (e) {
console.log(e, 'e')
}
},
// uni的下载文件
uniDownLoadFile (data) {
return new Promise((resolve, reject) => {
uni.downloadFile({
url: data,
success: (res) => {
resolve(res)
},
fail: (err) => {
reject(err)
}
});
})
}
网友评论