UNIAPP中IOS和安卓应用热更新和整包更新app的方法

编程之家收集整理的这篇文章主要介绍了UNIAPP中IOS和安卓应用热更新和整包更新app的方法编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

uniapp实现打包app增加ios和android热更新新版本的方法和详细教程,下方主要介绍关于UNIAPP中IOS和安卓应用热更新和整包更新app的方法的全文内容,希望对你有所帮助。


前言

公司有一个项目《配送APP》是用uniapp开发的,用于公司几百号骑士员工使用功能已经很完备,具有分配配送任务,接单,取餐,完成,打卡等功能,用得一直很好,但唯一一个缺点是,当APP功能上有升级时需要通知全体骑手手动把旧版本卸载了,再手工下载新版本安装更新升级是十分麻烦,尤其年龄稍大一些人员在升级更新时操作上有些困难,为了解决这个问题,反反复复百度了一下相关的uniapp更新方案是可以做到的,那我们来一步步的为项目增加更新升级功能

在这里插入图片描述


方法经验证可以实现androID app,ios app,企业版iosapp的热更新


一、在应用启动的APP.VUE里增加版本检测代码

1.APP.VUE里引入hotupdate包

  import hotupdate from './common/hotupdate.Js';
// #ifdef APP-PLUS
			console.log('APP-PLUS 1');
			plus.runtime.getProperty(plus.runtime.appID,function(WidgetInfo) {
				uni.setStorageSync("curversion",WidgetInfo.version);
				let curversion = WidgetInfo.version;
				console.log("当前版本",curversion);
				hotupdate.getAppByVersion(curversion,true);
			});
			// #endif

完整代码如下:

<script>
  // import API from './API/API.Js';
  import websocket from './common/websocketStore.Js';
  import hotupdate from './common/hotupdate.Js';
	export default {
		onLaunch: function() {
			
			console.log('App Launch 1');
			// #ifdef APP-PLUS
			console.log('APP-PLUS 1');
			plus.runtime.getProperty(plus.runtime.appID,true);
			});
			// #endif
			
			// 初始换 建立websocket连接
			websocket.dispatch('WEBSOCKET_INIT',"ws://1.1.1.1:9501");
		},onShow: function() {
			console.log('App Show')
		},onHIDe: function() {
			console.log('App HIDe')
		},}
</script>

<style>
	/*每个页面公共CSS */
</style>

二、第二步增加hotupdate包用于处理热更新下载安装

1.在项目录的common目录增加hotupdate.Js文件

import API from '../API/API.Js';
async function getversion(success,fail) {
	let params = {};
	if (uni.getSystemInfoSync().platform == "ios") {
		params = {
			app: "kdapp",type: "ios",};
	} else {
		params = {
			app: "kdapp",type: "androID",};
	}
	console.log("API");

	API.version(params,function(res) {
		console.log('version res');
		console.log(res);
		if(res.status == 0)
		{
			if(res.data.version != 1)
			{
				
			}
		}
		else
		{
			console.log('error');
			uni.showToast({
				Title: res.msg,icon: 'none',//如果要纯文本,不要icon,将值设为'none'
				duration: 3000    //持续时间2});
		}
	});
}
 
function update(filename) {
	let downURL =  filename;
	console.log('下载地址',downURL);
	//后台显示进度条
	let dtask = plus.downloader.createDownload(
		downURL,{},function(d,status) {
			//下载完成
			uni.showModal({
				Title: "更新提示",content: "新版本已经准备好,是否更新应用?",success: (res) => {
					if (res.confirm) {
						install(d,status);
					}
				},});
		}
	);
	start(dtask);
};
 
function start(dtask) {
	try {
		dtask.start(); //开启下载任务
		let prg = 0;
		let showLoading = plus.nativeUI.showWaiting("正在下载");
		dtask.addEventListener("statechanged",function(task,status) {
			switch (task.state) {
				case 1:
					showLoading.setTitle("正在下载");
					break;
				case 2:
					showLoading.setTitle("已连接到服务器");
					break;
				case 3:
					prg = parseInt(
						(parsefloat(task.downloadedSize) /
							parsefloat(task.totalSize)) *
						100
					);
					showLoading.setTitle("  正在下载" + prg + "%  ");
					break;
				case 4:
					plus.nativeUI.closeWaiting();
					break;
			}
		});
 
	} catch (err) {
		plus.nativeUI.closeWaiting();
		uni.showToast({
			Title: "更新失败-03",mask: false,duration: 1500,});
	}
};
 
function install(d,status) {
	//下载完成
	if (status === 200) {
		plus.runtime.install(d.filename,{
			force: false
		},function() {
			plus.nativeUI.closeWaiting();
			plus.nativeUI.alert("应用资源更新完成!是否重启应用!",function() {
				plus.runtime.restart();
			});
		},function(e) {
			plus.nativeUI.closeWaiting();
			console.log("安装wgt文件失败[" + e.code + "]:" + e.message);
			plus.nativeUI.alert("安装wgt文件失败[" + e.code + "]:" + e.message);
		});
	} else {
		uni.showToast({
			Title: "下载失败",});
	}
};
 
function close(version) {
	try {
		console.log( '保存要跳过的版本',version)
	    uni.setStorageSync('skip_version',version);
	} catch (e) {
	    // error
	}
};
 
function signOut() {
	// #ifdef APP-PLUS
	plus.runtime.quit();
	// #endif
}
 
export default{
	getAppByVersion(curversion,back) {
		console.log("came in");
		let params = {};
		if (uni.getSystemInfoSync().platform == "ios") {
			params = {
				app: "kdapp",appversion: curversion,};
		} else {
			params = {
				app: "kdapp",};
		}
		API.version(params,function(res) {
			console.log('version res');
			console.log(res);
			if (res.status == 0 && res.data) {
				let result = res.data;
				if(back){
					try {
					    const value = uni.getStorageSync('skip_version');
						console.log( '是否跳过当前版本',value,result.version)
					    if (value && value === result.version) {
					        return;
					    }
					} catch (e) {
						
					}
				}
				if (result.version != curversion) {
					console.log('有新版本要更新',result);
					console.log('新版本',result.version);
					console.log('目前版本',curversion);
					result.back = back;
					if (uni.getSystemInfoSync().platform != "ios") {
						plus.nativeUI.confirm("系统提示",function(e) {
							console.log(e); 
							if (e.index == 0) {
								console.log('update');
								update(result.downurl);
							} else if (result.strategy == 'force') {
								signOut();
							} else if (result.strategy == 'recommend') {
								close(result.version);
							}
						},{
							"Title": "新版本","buttons": ["立即更新",result.strategy == 'force' ? "退出应用" : "暂不更新"]
						});
					}
					else
					{
						uni.showModal({
							Title:"更新提示",content: "请点击按钮复制链接,粘贴到Safari浏览器打开,下载最新版本",confirmText: "点击复制",showCancel:false,success:()=>{
								uni.setClipboardData({
									data:"https://xxxx.xxxxx.xxxx/upload/peisong/index.HTML",success:()=>{
										uni.showToast({
											Title:"复制链接成功,请粘贴到Safari浏览器打开"
										})
									}
								})
							}
						});
					}
				} else if (!back) {
					//plus.nativeUI.alert("当前已是最新版本!");
				}
			}
			else if (res.status != 0)
			{
				console.log('error');
				uni.showToast({
					Title: res.msg,//如果要纯文本,不要icon,将值设为'none'
					duration: 3000    //持续时间2});
			}else if (!back) {
					//plus.nativeUI.alert("当前已是最新版本!");
			}
		});
		
	}
	
}

三、服务器端需要增加一个接口用于查询是否有新版本

如果有返回新版本的详细信息,包括下载地址这里简单提供一下存储app版本的MysqL数据表结构,每个版本的每一端存放一条记录

CREATE table `my_db`.`dbpree_app_version`(
  `ID` int(11) NOT NulL auto_INCREMENT,`type` varchar(20)  NOT NulL default '' COMMENT 'type: androID ios ',`version` varchar(32)  NOT NulL default '' COMMENT 'app版本号',`is_new` tinyint(1)  NOT NulL default '0' COMMENT '是否最新版本',`des` varchar(255)  NOT NulL default '' COMMENT '版本描述',`downurl` tinyint(1)  NOT NulL default '0' COMMENT '下载地址',`add_time` int(10) UNSIGNED NOT NulL default 0 COMMENT '添加时间',PRIMARY KEY (`ID`),INDEX `type`(`type`),INDEX `version`(`version`),INDEX `is_new`(`is_new`)
)ENGINE=InnoDB auto_INCREMENT=1;

简单的PHP查询数据库后返回的版本信息:

if($receive_data['c'] == 'version'){
    $type = $_REQUEST['type'] ? trim($_REQUEST['type']) : '';
    $sql = "select * from " . $GLOBALS['site']->table('app_version') . " where is_new=1 and type='$type'";
    $version = $db->getRow($sql);
    if($version){
        appMake_Json_result($version);
    }else{
        appMake_Json_error(3001,"没有查到对应版本信息");
    }
}

基本上这样就实现的uniapp打包的anorID和ios app的热更新效果非常好用


总结

uniapp实现app热更新,经过简单改进就可以用上,挺不错的,分亨出来供大家参考。最后,提醒一下,androID,ios 和企业版ios的应用下载方式和不一样:
androID 直接下载就可以了
ios 可以提示跳到苹果的应用市场
企业版的ios 可以提示复制下载地址后,到Safari浏览器粘贴地址下载的方式实现更新

文章中的方法项目组中的张同学也参与了开发与测试

如有问题请留言反馈,若对您有帮助,请帮点个赞,谢谢!

总结

以上是编程之家为你收集整理的UNIAPP中IOS和安卓应用热更新和整包更新app的方法全部内容,希望文章能够帮你解决UNIAPP中IOS和安卓应用热更新和整包更新app的方法所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

iOS文章

TouchID指纹识别是iPhone 5S设备中增加的一项重大功能.苹果的后续移动设备也相继添加了指纹功能,下面青岛星网跟大家详细介绍下TouchIDde API的使用方法。
C++ 文件操作文本文件写文件读文件程序运行时产生的数据都属于临时数据,程序一旦运行结束,数据都会被释放,通过文件可以将数据持久化C++ 中对文件操作需要包含头文件 &lt; fstream &gt;文件类型分为两种:文本文件: - 文件以文本的ASCLL码形式存储在计算机中;二进制文件:- 文件以文本的二进制形式存储在计算机中;(用户不能直接读懂它们)操作文件的三大类:ofstream: 写操作ifstream: 读操作fstream: 读写操作文本文件写文件
uniapp实现打包app增加ios和android热更新新版本的方法和详细教程
近期由于公司项目的需要,全程参与了公司一款iOS原生应用的开发与上线。其中最让我印象深刻的还是申请苹果开发者账号以及app的上架审核。所以,在此记录下操作流程。刚刚涉猎iOS开发的同学,可能存在疑问,苹果开发者账号是个啥?比如发布一个Android应用到应用宝或者华为应用市场,我们首先需要申请软著,然后到相应发布平台申请账号填写app信息进行发布。iOS也一样,但是他没有这么多的发布平台,只有app store,而发布到app store就需要一个苹果开发者账号。 除此之外,比如运行真机调试,app出包签名
最近,苹果又来“整顿”手机厂商了。有传言称,新版 iOS 16 将加入一个名为「自动验证」的新功能,可跳过网页和 App 中的人机验证流程,升级了 iOS 16 测试版的用户,可以进入「设置」—「Apple ID」—「密码与安全性」,在页面最下方找到这个功能。什么意思呢?以前,当你打开苹果的某个 App 时,系统首先要证明你是“人”而不是“机器”,需要识别验证码来证明你是你,通过了就证明你是可以被信任的。现在,苹果为用户直接略过了验证码这一环节,也就是说,苹果抢先一步通过算法证明了你是你。对于这一更新,不少
RunloopRunLoop 的本质是什么?答:本质是一个OC对象,内部也有isa指针。Runloop和线程是什么关系?答:线程和 RunLoop 之间是Key-value的对应关系,是保存在一个全局的 Dictionary 里,线程是key,RunLoop是value,而且是懒加载的。Runloop的底层数据结构是什么样的?有几种 运行模式(mode)?每个运行模式下面的 CFRunloopMode 是哪些?他们分别是什么职责?答:Runloop的底层数据结构(NSRunLoop是
一. 前言:苹果手机从iphoneX之后,屏幕顶部都有一个齐刘海,iPhoneX 取消了物理按键,改成底部小黑条,如果不做适配,这些地方就会被遮挡,所以本文记录一下齐刘海与底部小黑条的适配方法。二. 知识点学习1)viewport-fitiOS11 新增特性,苹果公司为了适配 iPhoneX 对现有 viewport meta 标签的一个扩展,用于设置网页在可视窗口的布局方式,可设置三个值:contain: 可视窗口完全包含网页内容cover:网页内容完全覆盖可视窗口auto:默认值,跟 c
MacBook Pro 14/16英寸2021款 扬声器 爆音问题 噼啪声 官方解决方案 亲测有效
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注