uni-app 版本更新控制

1、app.vue: app加载时候,获取app版本号

//获取版本号
plus.runtime.getProperty(plus.runtime.appid,(wgtinfo)=>{
    uni.setStorage({
        key: 'wgtinfoVersionCode',
        data: wgtinfo.versionCode
    })
})

2、index:首页页面加载时,获取后端返回的app版本号

复制代码
getSysVersion() {
    const _this = this;
  //获取缓存中,当前app的版本号 uni.getStorage({ key:
'wgtinfoVersionCode', success: (res) => { this.wgtinfoVersionCode = res.data; uni.request({ url: this.$url + '/sysNotice/querySysVersion', //后端接口 method: 'post', sslVerify: false,//不验证ssl证书 success: res => { console.log(res.data.data, this.wgtinfoVersionCode); if(res.statusCode == 200) {
              //后端返回的app版本和当前app版本比较
if(Number(res.data.data) != Number(this.wgtinfoVersionCode)) { // this.showModal = true; uni.showModal({ title: "发现新版本", content: "确认下载更新", success: (res) => { if (res.confirm == true) {//当用户确定更新,执行更新 _this.appdownLoad(); } } }) } } }, fail: err => { console.log(err) this.$api.msg('请求错误!'); this.logining = false; }, }); } }) },
复制代码

 

 

3、执行下载app:

复制代码
appdownLoad(){
    var that = this;
    uni.showLoading({
        title: '安装包下载中……'
    })
    const downloadTask = uni.downloadFile({
        url: 'http://XXXXXXXXXXXX.apk', //服务器 app 的下载地址
        success: (downloadResult) => {
            uni.hideLoading();
            if (downloadResult.statusCode === 200) {
                uni.showModal({
                    title: '',
                    content: '下载成功,是否允许安装新版本?',
                    confirmText: '确定',
                    success: function(res) {
                        if (res.confirm == true) {
                            plus.runtime.install(//安装
                                downloadResult.tempFilePath, {
                                    force: true
                                },
                                function(res) {
                                    utils.showToast('更新成功,重启中');
                                    plus.runtime.restart();
                                }
                            );
                        }
                    }
                });
            }
        }
    });
},
复制代码

附图:

      

   

 

posted @   小蘑菇123  阅读(1127)  评论(2编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示