uniapp实现版本更新

在首页index.vue文件中

版本更新需要一个弹窗，本例用uview Modal 模态框

<!-- 更新弹出模态框 --><u-modal :show="upDateShow" title="发现新版本" showCancelButton @confirm="doUpData" @cancel='upDateShow = false' confirmText="更新"><view><u--text :text="index+', '+item" v-for="(item,index) in upDateContent" :key="index"></u--text>                       </view></u-modal>

data() {return {upDateShow:false,//更新弹窗updateLink:null,//更新包的链接upDateContent:null,//更新内容android_type:null,//是否强制更新               }},

在methods中定义2个方法

方法1：获取后台的最新版本信息并和目前的版本信息对比，不一致时，打开更新弹窗

        update() {               this.$request({url:''//接口}).then(res=>{var androidVersion = res.data.data.android_version //获取最新版本号this.updateLink = res.data.data.android_apk_url //获取更新包链接                this.upDateContent =res.data.data.android_update_list //获取更新内容this.android_type = res.data.data.android_type //获取是否强制更新var _this = this                      plus.runtime.getProperty(plus.runtime.appid, function(inf) {if(inf.version != androidVersion){_this.upDateShow=true //当前版本号与获取到的版本号不一致时，弹出更新弹窗}});         })          },

方法2：当更新弹窗点击确认更新时，下载更新包，并重启安装

//实施更新doUpData() {this.upDateShow = falseuni.showLoading({title: '更新中……'})uni.downloadFile({//执行下载url:this.updateLink, //下载地址success: downloadResult => {//下载成功uni.hideLoading();if (downloadResult.statusCode == 200) {uni.showModal({title: '',content: '更新成功，确定现在重启吗？',confirmText: '重启',confirmColor: '#EE8F57',success: function(res) {if (res.confirm == true) {plus.runtime.install(//安装downloadResult.tempFilePath, {force: this.android_type},function(res) {utils.showToast('更新成功，重启中');plus.runtime.restart();});}}});}}});}

在页面onLoad时检查更新

onLoad() {               this.update()
}

uniapp实现版本更新相关推荐

UNI-APP APP版本更新方法
UNI-APP APP版本更新方法直接上代码不墨迹直接上代码不墨迹 // 版本更新方法wgtUrlupload(){let _this = this;//系统版本升级判断接口(后台获取服务器)va ...
js vm报错_uni-app v3版本更新常见问题排查
uni-app v3版本更新常见问题排查组件不显示或者功能异常原因:组件内使用了 onReady,onReady 是页面的生命周期,不应在组件中直接使用,组件中应该使用 mounted 生命周期 ...
uniapp 微信小程序版本更新提示
uniapp 微信小程序版本更新提示 // app.vue onShow: function() {const updateManager = uni.getUpdateManager();updat ...
UniApp苹果真机运行调试（自定义基座，版本更新后/没有基座打开失败）
在HBuilderX更新后,Windows系统UniAPP在线调试iOS已经不能像之前那样自己安装基座到手机,通过在[设备管理]信任基座app后直接运行调试,现在采用打包自定义基座. 解决: 生成打i ...
使用uniapp开发APP实现版本更新并安装
通过一个弹窗去实现版本更新提示在首页中判断是否显示更新提示弹窗弹窗组件 <template><view><u-overlay :show="show ...
uni-app开发的APP项目上线后，登录后自动检测更新，点击下载并安装，可手动检测版本更新，实现扫码下载功能
先说实现逻辑:我选择原生app-云打包,打包时设置好版本号,打包后上传到后台管理的app版本管理中:页面在App.vue中加载时storage设置当前的app版本号,首页加载出来时调用后台管理上传的最 ...
uniapp:版本更新（打包wgt）
1.自动检测更新: 在App.vue页面里加上update()方法,再调用,进入app后,等会儿会自动检测到更新包 onLaunch: function() {console.log('App Lau ...
uniapp 鸿蒙,关于前端:uniapp项目安装运行操作手册
一,装置运行环境 1.下载node.js node.js下载链接node.js 请下载长期反对版. 2.装置node.js 装置教程百度可查这里就不具体阐明了,装置教程地址链接 3.验证node是否装 ...
WTMPlus 1.4 Uniapp来了
点击上方蓝字关注我们 1.4版本长期以来,WTM都是后台管理系统的开发利器,对于移动端支持的不够.这次WTMPlus 1.4我们加入了对UniApp的支持,你可以轻松的使用WTMPlus同时制作后台 ...

uniapp实现版本更新

uniapp实现版本更新相关推荐

最新文章

热门文章