【Uniapp 的APP热更新】

Uniapp 的APP热更新功能依赖于其打包工具 HBuilder,具体步骤如下:

1. 在 HBuilder 中构建并打包出应用程序

具体步骤:
1.点击发行,点击制作wgt包
【Uniapp 的APP热更新】_第1张图片
2.根据需求修改文件储存路径和其他配置,点击确定
【Uniapp 的APP热更新】_第2张图片
3.等待打包完成,点击地址找到包文件
【Uniapp 的APP热更新】_第3张图片

2. 将打包出来的文件上传至服务器

这里需要后台写一个更新接口,里边大概有线上版本号,更新说明,包文件地址等字段

3. 在应用程序中检测是否有新版本

// 获取当前应用的版本号
var currentVersion = plus.runtime.version;

// 发送 HTTP 请求,获取最新版本号
uni.request({
  url: 'https://xxxxxxxx', 获取线上版本号的接口
  success: res => {
    var latestVersion = res.data.version;
    
    // 检测是否有新版本
    if (currentVersion !== latestVersion) {
    
    }
  }
});

4. 如果有,下载文件,然后使用 plus.runtime.install 方法安装新版本, 重新启动应用程序,加载新版本

// 获取当前应用的版本号
var currentVersion = plus.runtime.version;

// 发送 HTTP 请求,获取最新版本号
uni.request({
  url: 'https://xxxxxxxx', 获取线上版本号的接口
  success: res => {
    var latestVersion = res.data.version;
    
    // 检测是否有新版本
    if (currentVersion !== latestVersion) {
    let dtask = plus.downloader.createDownload(res.data.Url, {}, function(d, status) {
			// 下载完成  
			if (status == 200) {
				plus.runtime.install(plus.io.convertLocalFileSystemURL(d.filename), {force: true}, function() {
				//安装成功 重新启动应用程序,加载新版本
					plus.runtime.restart();
				}, function(
					error) {
						console.log(error);
					uni.showToast({
						title: '安装失败',
						mask: false,
						duration: 1500,
						icon: "none",
					});
				})
			} else {
				uni.showToast({
					title: '更新失败',
					mask: false,
					duration: 1500,
					icon: "none"
				});
			}
		});
		dtask.start();
    }
  }
});

你可能感兴趣的:(uniapp,uni-app)