devbox
盐析白兔
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

uniapp的安卓升级功能说明_uniapp 云打包移动端检查升级功能

作者：盐析白兔 | 2024-03-14 00:14:50

赞

踩

uniapp 云打包移动端检查升级功能

目录

1.实现思路

2.app代码示例

3.说明

1.实现思路

①将安装包存储在后台服务器。

创建版本信息表，存储安装包的相关信息。保存安装包的名称，版本号，网络地址，是否强制升级，发布时间信息及升级内容等。表结构如下：

  1. CREATE TABLE `tb_app_version` (
  2.   `ID` int(11) NOT NULL AUTO_INCREMENT COMMENT 'id',
  3.   `APP_NAME` varchar(50) DEFAULT NULL COMMENT '应用名称',
  4.   `VERSION` varchar(20) DEFAULT NULL COMMENT '版本名称',
  5.   `VERSION_CODE` int(11) DEFAULT NULL COMMENT '版本号',
  6.   `FILE_NAME` varchar(50) DEFAULT NULL COMMENT '文件名',
  7.   `APP_PATH` varchar(255) DEFAULT NULL COMMENT 'APP的网络路径',
  8.   `APP_SIZE` int(11) unsigned zerofill DEFAULT NULL COMMENT '大小',
  9.   `UPLOAD_TIME` datetime DEFAULT NULL COMMENT '上传时间',
  10.   `RELEASE_TIME` datetime DEFAULT NULL COMMENT '发布时间',
  11.   `FORCE_TYPE` int(11) DEFAULT NULL COMMENT '是否强制',
  12.   `CONTENT` varchar(100) DEFAULT NULL COMMENT '更新内容',
  13.   `CREATOR_ID` varchar(50) DEFAULT NULL COMMENT '创建人编号',
  14.   `CREATOR_NM` varchar(50) DEFAULT NULL COMMENT '创建人姓名',
  15.   `MODIFIER_ID` varchar(50) DEFAULT NULL COMMENT '最近更新人编号',
  16.   `MODIFIER_NM` varchar(50) DEFAULT NULL COMMENT '最近更新人编号',
  17.   `ORG_ID` varchar(50) DEFAULT NULL COMMENT '所属组织编号',
  18.   `ORG_NM` varchar(50) DEFAULT NULL COMMENT '所属组织名称',
  19.   `CREATE_TIME` datetime DEFAULT NULL COMMENT '创建时间',
  20.   `MODIFY_TIME` datetime DEFAULT NULL COMMENT '最近更新时间',
  21.   PRIMARY KEY (`ID`)
  22. ) ENGINE=InnoDB AUTO_INCREMENT=79 DEFAULT CHARSET=utf8;

开发前端画面，设置版本的发布时间，版本号，是否强制及升级内容，并上传安装包。

后端将安装包的信息存储到数据库的版本表中，并将安装包上传到服务器上。

②获取后端的版本信息

获取发布时间小于等于系统时间的按照版本号或者创建时间进行降序排列的第一条数据，即最新的版本信息。

如果app的版本号和最新的版本号差了不只一个版本，则设置为强制升级；否则则按照最新app的强制升级区分进行处理。

3.app端处理

将app的版本号作为参数，获取后端的版本信息。

将app的版本号和后端最新的版本号进行比较。

相等则不做任何处理。

当小于最新的版本号时，再判断强制类型。强制时，弹出强制升级框，只有更新按钮，没有取消按钮，安卓的原生返回按钮失效。也就是说必须点击更新按钮，无法进行其他操作。非强制升级时，弹出升级框，有更新按钮和取消按钮，按照需要进行升级。

2.app代码示例

①升级判断方法

  1. import { getUpdateInfo } from '@/api/appUpdate'
  2. import { ref } from 'vue';
  3.  
  4. export default function AppUpdate() {
  5. 	// 获取运行平台
  6. 	let platform = uni.getSystemInfoSync().platform
  7. 	// 获取appid
  8. 	const appId : any = plus.runtime.appid
  9. 	// 获取当前app的版本信息
  10. 	const version = ref();
  11. 	plus.runtime.getProperty(appId, (inf) => {
  12. 		version.value = inf.versionCode
  13. 		/*
  14. 		2， 用当前版本号提交给服务端，判断是否需要更新，接口返回信息如下
  15. 		 versionCode	版本号	string
  16. 		 appPath	apk地址	string
  17. 		 forceType	是否强制更新	string
  18. 		 content	升级内容	string
  19. 		 */
  20. 		getUpdateInfo({ versionCode: version.value }).then((res) => {
  21. 			if (res.data.resHdr && res.data.resHdr.resCode != "0000") {
  22. 				return
  23. 			}
  24. 			if (!res.data.resBody) {
  25. 				return
  26. 			}
  27. 			const {
  28. 				versionCode,
  29. 				appPath,
  30. 				forceType,
  31. 				content
  32. 			} = res.data.resBody;
  33. 			// 后台返回的版本号大于现有的版本号
  34. 			if (Number(versionCode) > Number(inf.versionCode)) {
  35. 				//modify 1 强制更新 0 自然更新
  36. 				if (forceType) {
  37. 					uni.showModal({
  38. 						title: '紧急升级通知',
  39. 						content: '尊敬的用户，为了您更好的使用体验，请进行系统升级，否则将无法正常使用。感谢您的配合与支持！\r\n升级内容：' + content,
  40. 						confirmText: '立即更新',
  41. 						showCancel: false,
  42. 						success: function (res) {
  43. 							if (res.confirm) {
  44. 								// uni.showToast({
  45. 								// 	icon: 'none',
  46. 								// 	title: '有新的版本发布，程序已启动自动更新。',
  47. 								// 	duration: 2000
  48. 								// });
  49. 								//设置 最新版本apk的下载链接 这是固定的
  50. 								let downloadApkUrl = appPath
  51. 								console.log(downloadApkUrl);
  52. 								uni.downloadFile({
  53. 									url: downloadApkUrl, //仅为示例，并非真实的资源
  54. 									success: (res) => {
  55. 										if (res.statusCode === 200) {
  56. 											console.log('下载成功');
  57. 											plus.runtime.install(res.tempFilePath, {
  58. 												force: false
  59. 											}, () => {
  60. 												console.log("更新成功")
  61. 												// uni.hideToast();
  62. 												plus.runtime.restart();
  63. 												return;
  64. 											}, err => {
  65. 												console.log("更新失败")
  66. 												uni.showToast({
  67. 													icon: "none",
  68. 													title: "更新失败" + JSON.stringify(err),
  69. 													duration: 2000
  70. 												})
  71. 											})
  72. 										}
  73. 									}
  74. 								});
  75. 								// plus.runtime.openURL(downloadApkUrl);
  76. 							} else {
  77. 								AppUpdate()
  78. 							}
  79. 						}
  80. 					})
  81. 				} else {
  82. 					uni.showModal({
  83. 						title: '升级通知',
  84. 						content: '尊敬的用户，我们为您准备了最新的版本，点击立即升级，享受更多精彩和便利。\r\n升级内容：' + content,
  85. 						confirmText: '立即更新',
  86. 						cancelText: '取消',
  87. 						success: function (res) {
  88. 							if (res.confirm) {
  89. 								// uni.showToast({
  90. 								// 	icon: 'none',
  91. 								// 	title: '有新的版本发布，程序已启动自动更新。',
  92. 								// 	duration: 5000
  93. 								// });
  94. 								//设置 最新版本apk的下载链接 这是固定的 每次把包放在这个链接里里面即可 由后端制作
  95. 								let downloadApkUrl = appPath
  96. 								uni.downloadFile({
  97. 									url: downloadApkUrl, //仅为示例，并非真实的资源
  98. 									success: (res) => {
  99. 										if (res.statusCode === 200) {
  100. 											console.log('下载成功');
  101. 											plus.runtime.install(res.tempFilePath, {
  102. 												force: false
  103. 											}, () => {
  104. 												plus.runtime.restart();
  105. 												console.log("重启成功")
  106. 												return;
  107. 											}, err => {
  108. 												console.log("更新失败")
  109. 												uni.showToast({
  110. 													icon: "none",
  111. 													title: "更新失败" + JSON.stringify(err),
  112. 													duration: 2000
  113. 												})
  114. 											})
  115. 										}
  116. 									}
  117. 								});
  118.  
  119. 							} else if (res.cancel) {
  120. 								console.log('下次一定');
  121. 							}
  122. 						}
  123. 					});
  124. 				}
  125. 			} else {
  126. 				console.log("版本号已经是最新不用升级")
  127. 			}
  128. 		}
  129. 		).catch((res) => {
  130. 			uni.showToast({
  131. 				title: '获取版本号失败',
  132. 				icon: 'error'
  133. 			})
  134. 		})
  135. 	});
  136.  
  137.  
  138. }

通过plus命令获取当前app的相关信息，如下：

HTML5+ API Reference

获取后端的版本信息后，进行版本号的比较，如果存在最新的版本号，则进行强制区分的判断，强制时则弹出强制升级框，否则弹出非强制升级模态框。

升级框通过uni.showModal实现。

强制升级时，设置标题，升级内容，按钮的名字，并设置取消按钮不显示。在打开模态框成功的方法中，通过res.confirm判断点击了升级按钮，点击了升级按钮后，进行安装包的下载，下载成功后进行安装，安装成功后进行重启。如果没有点击升级按钮，则再次执行此方法。

非强制升级时，设置了取消按钮显示，点击了取消按钮，不进行升级操作。点击升级按钮，进行升级操作。

②在首页的setup函数中执行此方法

3.说明

①强制升级安装过程中避免取消操作

安装包安装时，用户可以在安装过程中进行取消，如何避免这个问题？

执行plus.runtime.install方法时，即使用户取消操作，还是会执行成功方法，在成功的方法中添加restart方法，则会避免这个问题，如果用户取消了，则app会重新启动，登录之后再次弹出升级框。

②规避安卓手机原生的返回按钮

弹出强制升级框后，点击原生的返回按钮，可以关闭强制升级框，如何避免这个问题？

(1)通过判断是否点击的升级按钮，如果res.confirm返回true，则代表点击了升级按钮，如果为false，则代表没有点击升级按钮，则再次调用此升级方法进行升级

(2)不使用模态框方式，如果需要强制升级，跳转到强制升级画面，设置画面不能进行返回。

参照：

uniapp实现app版本更新弹窗，处理自主更新以及强制更新_uni-app检测app版本更新-CSDN博客

uniapp APP端在线升级功能实现讲解——强制或可选升级，下载进度显示_plus.runtime.install-CSDN博客

uniapp实现app检查更新与升级-uni-upgrade-center详解-CSDN博客

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/231370
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号