【Uniapp 的APP热更新】

最新推荐文章于 2025-07-13 02:18:37 发布

原创最新推荐文章于 2025-07-13 02:18:37 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

uniapp 专栏收录该内容

28 篇文章

订阅专栏

本文详细介绍了如何使用HBuilder进行Uniapp应用的热更新，包括构建打包、服务器接口设置、检测新版本和下载安装的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

具体步骤：
1.点击发行，点击制作wgt包
在这里插入图片描述
2.根据需求修改文件储存路径和其他配置，点击确定

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();
    }
  }
});