uniapp检查版本更新

如果本文对你有帮助，请动下小手点个赞(●'◡'●)，写的不好的地方也请指出🙇‍

思路：

我们现在的需求就是当我们修改了项目代码之后，用户的设备一打开App，就会提示软件有更新，自动开启下载安装最新的版本，由于只需要在打开App的时候检查有没有版本更新，所以我们把逻辑代码写在App.vue文件的onLaunch生命周期里面。获取当前已经安装的App的版本号，同时请求我们新建的json文件获得最新的版本号，通过两者的对比，来判断App是否需要更新。

实现：

第一步：新建一个json文件，用来管理App的版本号：

// version.json
{
    "code": 0,
    "version": 100,
    "url": 'http://xxxxxx/xx/yy/xxxx.apk' // 你的apk放在服务器的地址 
}

第二步：编写逻辑代码

// App.vue
export default {
    data() {
        return {
            version: 100
        }
    },
    onLaunch: function() {
        plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
            this.version = wgtinfo.versionCode;
        })
        
        this.androidCheckUpdate(); // 检测版本更新
    },
    methods: {
        androidCheckUpdate() {
            var that = this;
            uni.request({
                url: 'http://xxxxxxx/version.json',
                data: {},
                header: {},
                method: 'GET',
                success: (res) => {
                    if (res.data.code === 0) {
                        if (res.data.version > this.version) { // 如果最新版本大于现在已经安装的App的版本
                            // 新建下载任务
                            var dtask = plus.downloader.createDownload(res.data.url, {force: true}, function(d, status) {
                                // 下载完成
                                if (status == 200) {
                                    uni.showModal({
                                        title: '下载完成，即将安装',
                                        showCancel: false,
                                        success: () => {
                                            // 由于install只能安装本地的地址，所以先把下载的地址在本地找到，再调用install
                                            plus.runtime.install(plus.io.convertLocalFilesSystemURL(d.filename), {}, function() {
                                                console.log('success');
                                                plus.runtime.restart(); // 安装成功后重启
                                            }, function(error) {
                                            console.log(error.message);
                                                uni.showToast({
                                                    title: "安装失败",
                                                    duration: 1500
                                                })
                                            })
                                        }
                                    })
                                } else {
                                    uni.showToast({
                                        title: '更新失败',
                                        duration: 1500
                                    })
                                }
                            })
                            dtask.start();
                        } else {
                            uni.showModal({
                                title: '当前已是最新版本',
                                showCancel: false
                            })
                        }
                    }
                }
            })
        }
    }
}

ok，接下来就是修改代码...

---

修改完代码之后：

1. 修改manifest.json文件的应用版本名称和应用版本号（手动加1）：

   update1.png

2. 修改version.json文件，version 手动加 1：

   update2.png

3. 重新生成打包资源：发行 --> 原生App本地打包 --> 生成本地打包App资源，生成一个以Id命名的文件。用于拷贝到AS中，打包会用到

4. 将生成的资源文件夹复制到AS中项目的assets / apps 目录下，覆盖原有的资源。

5. 打开AS中项目build.gradle文件，修改版本号，修改完保存，sync now。ok，继续...

   update3.png

6. 用AS打包出一个apk，如图

   update4.png

ok，成功! update5.png

7. 然后把生成的apk和刚刚修改的version.json文件给到后端同事放到服务器上。完成。