美文网首页技术贴
uni-app热更新与整包更新

uni-app热更新与整包更新

作者: zhudying | 来源:发表于2022-02-18 13:34 被阅读0次

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

    整体流程:

    注: 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)
                }
            });
        })
    }
    

    相关文章

      网友评论

        本文标题:uni-app热更新与整包更新

        本文链接:https://www.haomeiwen.com/subject/qpfylrtx.html