美文网首页技术贴
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热更新与整包更新

    整包更新:应用在大版本更新,内容更新较多时使用热更新:应用在小版本更新,内容更新较少时 整体流程: 注: 1. p...

  • uniapp端更新升级

    App端更新升级 app升级分为两种:整包/资源热更新 整包更新,即常规的整个App安装包重新下载安装。 资源热更...

  • uni-app 更新、热更新

  • uniapp 如何进行热更新总结

    在进行版本迭代时一般是局部更新,所以热更新就是新的需求,HBuilderX 1.6.5 起,uni-app 支持生...

  • Bugly热更新配置

    一、热修复技术的应用 热修复技术一般用来在线更新安装包,当热更新包发布后,会提示用户更新,重启应用,修复紧急Bug...

  • 热更新

    热更新 生成更新jar包 调用jar包 备注:一定要注意文件权限

  • 2019-07-17

    子游戏热更新资源的目录配置 热更新资源包zip目录是:game/yule/游戏名称

  • ReactNative热更新&拆包

    目录 1)全量热更新-Android 2)拆包增量更新-Android 3)图片增量更新-Android 4)全量...

  • 热更新架构和原理

    含义 热更新:在不改变原包的基础上进行功能更新。增量更新:比较旧包和新包的大小,找出其间的差异,然后安装差异部分,...

  • 热更新04_模块与包

    模块类似于一个封装库,可以把一些公用的代码放在一个文件里,以 API 接口的形式在其他地方调用 Lua 的模块是由...

网友评论

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

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