feat: 打包成apk时支持版本升级

pages/auth/login.vue

@@ -38,10 +38,16 @@
 			<uni-icons type="weixin" size="36" color="green" @click="wxmpLogin"></uni-icons>
 			<view style="text-align: center;font-size: 32rpx;">微信登陆</view>
 		</view> -->
+		<view v-show="dShow" style="position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);z-index: 999;">
+			 <view style="position: absolute;padding: 50rpx;background: #ffffff;display: inline-block;margin: auto;top: 40%;left: 50%;transform: translateX(-50%);">
+				下载中 请勿退出 {{percentVal}}%
+			 </view>
+		</view>
 	</view>
 </template>
 
 <script>
+	import config from '/utils/config';
 	export default {
 		data() {
 			return {
@@ -52,7 +58,7 @@
 				formData2: {},
 				timer: null,
 				time: 30,
-				rules1:{
+				rules1: {
 					username: {
 						rules: [{
 							required: true,
@@ -66,7 +72,7 @@
 						}]
 					}
 				},
-				rules2:{
+				rules2: {
 					phone: {
 						rules: [{
 							required: true,
@@ -80,17 +86,17 @@
 						}]
 					}
 				},
-				wxmp_openid: null
+				wxmp_openid: null,
+				dShow: false,
+				percentVal: 0
 			}
 		},
 		onLoad(options) {
 			var that = this
 			var autoLoading = options.autoLoading;
-			if(autoLoading != 'no'){
+			that.checkVersion();
-				// #ifdef APP-PLUS
+			if (autoLoading != 'no') {
-				that.appLogin()
+				// #ifdef APP-PLUS || H5
-				// #endif
-				// #ifdef H5
 				that.appLogin()
 				// #endif
 				// #ifdef MP-WEIXIN
@@ -110,6 +116,82 @@
 			// #endif
 		},
 		methods: {
+			checkVersion() {
+				let that = this;
+				uni.getSystemInfo({
+					success(res) {
+						uni.setStorageSync("vuex_version", res.appVersion)
+						// #ifdef APP-PLUS
+						if (res.platform == 'android') {
+							that.$api.apkCheck().then(res1 => {
+								if (res.appWgtVersion != res1.version) {
+									uni.showModal({
+										title: "版本更新",
+										content: '有新的版本发布, 请下载新版本',
+										confirmText: '立即更新',
+										cancelText: '稍后进行',
+										success: function(res2) {
+											if (res2.confirm) {
+												let fullurl = res1.file
+												if (res1.file.indexOf("http") == -1) {
+													fullurl = config.baseUrl + res1.file
+												}
+												that.dShow =
+													true // show变量控制一个下载进度弹框（这个UI样式自己写即可）
+												uni.hideTabBar()
+												// 创建一个下载任务，并根据后端返回的apk静态资源地址filePath进行下载
+												var dtask = plus.downloader.createDownload(
+													fullurl, {},
+													function(d, status) {
+														// 下载完成  
+														if (status == 200) {
+															that.dShow =
+																false // 下载完成再把下载进度弹框关闭即可
+															uni.showTabBar();
+															plus.runtime.install(plus.io
+																.convertLocalFileSystemURL(
+																	d
+																	.filename), {}, {},
+																function(error) {
+																	uni.showToast({
+																		title: '安装失败',
+																		duration: 1500
+																	});
+																})
+														} else {
+															uni.showToast({
+																title: '更新失败',
+																duration: 1500
+															});
+														}
+													});
+
+												function onStateChanged(download, status) {
+
+													if (status == 200) {
+														const totalSize = download.totalSize
+														let nowSize = download.downloadedSize
+														that.percentVal = nowSize / 17700000 *
+															100 > 99 ? 99 : (nowSize /
+																17700000 * 100).toFixed(0)
+													}
+
+												}
+												dtask.addEventListener("statechanged",
+													onStateChanged, false);
+												dtask.start();
+											} else {
+
+											}
+										}
+									});
+								}
+							})
+						}
+						// #endif
+					}
+				})
+			},
 			wxmpLogin() {
 				var that = this;
 				uni.showLoading({
@@ -119,20 +201,22 @@
 				uni.login({
 					provider: 'weixin',
 					success: (loginRes) => {
-						that.$api.wxmpLogin({code: loginRes.code}).then(res=>{
+						that.$api.wxmpLogin({
+							code: loginRes.code
+						}).then(res => {
 							uni.setStorageSync('access', res.access)
-							that.$api.getUserInfo().then(res=>{
+							that.$api.getUserInfo().then(res => {
 								uni.setStorageSync('userInfo', res)
 								uni.reLaunch({
 									url: '/pages/index/index'
 								})
 
 							})
-					}).catch(e=>{
+						}).catch(e => {
 							this.wxmp_openid = e.data.wxmp_openid
 						})
 					},
-					complete:function(){
+					complete: function() {
 						uni.hideLoading();
 					},
 				})
@@ -151,7 +235,7 @@
 						if (secret) {
 							that.$api.loginSecret(JSON.parse(secret)).then(res => {
 								uni.setStorageSync('access', res.access)
-								that.$api.getUserInfo().then(res=>{
+								that.$api.getUserInfo().then(res => {
 									uni.setStorageSync('userInfo', res)
 									uni.reLaunch({
 										url: '/pages/index/index'
@@ -160,7 +244,7 @@
 							})
 						}
 					},
-					complete:function(){
+					complete: function() {
 						uni.hideLoading();
 					},
 
@@ -205,11 +289,11 @@
 			},
 			login() {
 				var that = this;
-				if(that.current == 1){
+				if (that.current == 1) {
-					that.$refs.form2.validate().then(res0=>{
+					that.$refs.form2.validate().then(res0 => {
-						that.$api.codeLogin(res0).then(res=>{
+						that.$api.codeLogin(res0).then(res => {
 							uni.setStorageSync('access', res.access)
-							that.$api.getUserInfo().then(res=>{
+							that.$api.getUserInfo().then(res => {
 								uni.setStorageSync('userInfo', res)
 								that.bindXX()
 								uni.reLaunch({
@@ -217,23 +301,22 @@
 								})
 							})
 						})
-					}).catch(err =>{
+					}).catch(err => {
 						console.log('表单错误信息：', err);
 					})
-				}
+				} else if (that.current == 0) {
-				else if(that.current == 0){
+					that.$refs.form1.validate().then(res0 => {
-					that.$refs.form1.validate().then(res0=>{
+						that.$api.login(res0).then(res => {
-						that.$api.login(res0).then(res=>{
 							uni.setStorageSync('access', res.access)
 							that.bindXX()
-							that.$api.getUserInfo().then(res=>{
+							that.$api.getUserInfo().then(res => {
 								uni.setStorageSync('userInfo', res)
 								uni.reLaunch({
 									url: '/pages/index/index'
 								})
 							})
 						})
-					}).catch(err =>{
+					}).catch(err => {
 						console.log('表单错误信息：', err);
 					})
 				}
@@ -244,7 +327,7 @@
 				e = e || 32;
 				//模拟随机字符串库
 				var t = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz0123456789",
-			    a = t.length,//字符串t的长度，随机数生成最大值
+					a = t.length, //字符串t的长度，随机数生成最大值
 					n = "";
 				for (let i = 0; i < e; i++) {
 					//随机生成长度为e的随机字符串拼接
@@ -282,8 +365,10 @@
 				}).catch(e => {})
 				// #endif
 				// #ifdef MP-WEIXIN
-				if(this.wxmp_openid != null) {
+				if (this.wxmp_openid != null) {
-					this.$api.bindWxmp({"openid": this.wxmp_openid}).then(res=>{
+					this.$api.bindWxmp({
+						"openid": this.wxmp_openid
+					}).then(res => {
 
 					})
 				}

utils/api.js

@@ -11,6 +11,8 @@ export default {
 	codeLogin:(data) => http('/auth/login_sms_code/', 'POST', data),
 	wxmpLogin: (data) => http('/auth/login_wxmp/', 'POST', data, true, false), //微信小程序登录
 	wxmpClogin: (data) => http('/auth/login_wxmp/', 'POST', data, true, false), //微信小程序登录(自动创建账号)
+	apkCheck: ()=>http('/system/apk/'), //apk检查
+	
 	getTicket:(data) => http('/wf/ticket/', 'GET', data),
 	ticketCreate:(data)=>http('/wf/ticket/', 'POST', data),
 	ticketHandle:(id,data)=>http(`/wf/ticket/${id}/handle/`, 'POST', data),