技术贴

uni-app热更新与整包更新

2022-02-18  本文已影响0人  zhudying

整包更新:应用在大版本更新,内容更新较多时使用
热更新:应用在小版本更新,内容更新较少时

整体流程:

注: 1. plus.runtime 文档见 https://www.html5plus.org/doc/zh_cn/runtime.html

  1. 对于不同设备类型,可通过 plus.os.name.toLocaleLowerCase()获取。
  2. 我们apk存放在oss上,有一个增量更新的文件夹,一个安卓apk的文件夹,苹果版本在商店上架

一. 苹果应用更新

  1. 使用plus.runtime.getProperty方法获取指定APPID对应的应用信息,主要获取当前app应用版本号。
  2. 通过访问https://itunes.apple.com/cn/lookup?id=${appId},获取苹果商店中应用的版本号。
  3. 对比版本号,苹果商店版本 > 当前pad版本时,有大版本更新(整包更新),直接从苹果商店下载新版本。
  4. 对比版本号,苹果商店版本 < 当前pad版本时,没有大版本更新(整包更新),此时去访问后端接口,查看是否有增量更新的版本,如果有,通过plus.runtime.install下载。

二. 安卓应用更新

  1. 使用plus.runtime.getProperty方法获取指定APPID对应的应用信息,主要获取当前app应用版本号。
  2. 访问后端接口查看(接口传入上面的版本号),此时查询的是大版本(整包)文件夹下的版本,是否有最新版本。
  3. 有大版本版本更新时,通过后端接口,拿到链接,plus.runtime.openFile下载。
  4. 没有大版本版本更新时,访问后端接口查增量更新文件夹下,有没有最新版本,如果有,通过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)
            }
        });
    })
}
上一篇下一篇

猜你喜欢

热点阅读