uni-app热更新与整包更新

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

整体流程:

注: 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)
            }
        });
    })
}
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容