如果本文对你有帮助,请动下小手点个赞(●'◡'●),写的不好的地方也请指出🙇
思路:
我们现在的需求就是当我们修改了项目代码之后,用户的设备一打开App,就会提示软件有更新,自动开启下载安装最新的版本,由于只需要在打开App的时候检查有没有版本更新,所以我们把逻辑代码写在
App.vue
文件的onLaunch
生命周期里面。获取当前已经安装的App的版本号,同时请求我们新建的json文件获得最新的版本号,通过两者的对比,来判断App是否需要更新。
实现:
第一步:新建一个json文件,用来管理App的版本号:
// version.json
{
"code": 0,
"version": 100,
"url": 'http://xxxxxx/xx/yy/xxxx.apk' // 你的apk放在服务器的地址
}
第二步:编写逻辑代码
// App.vue
export default {
data() {
return {
version: 100
}
},
onLaunch: function() {
plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
this.version = wgtinfo.versionCode;
})
this.androidCheckUpdate(); // 检测版本更新
},
methods: {
androidCheckUpdate() {
var that = this;
uni.request({
url: 'http://xxxxxxx/version.json',
data: {},
header: {},
method: 'GET',
success: (res) => {
if (res.data.code === 0) {
if (res.data.version > this.version) { // 如果最新版本大于现在已经安装的App的版本
// 新建下载任务
var dtask = plus.downloader.createDownload(res.data.url, {force: true}, function(d, status) {
// 下载完成
if (status == 200) {
uni.showModal({
title: '下载完成,即将安装',
showCancel: false,
success: () => {
// 由于install只能安装本地的地址,所以先把下载的地址在本地找到,再调用install
plus.runtime.install(plus.io.convertLocalFilesSystemURL(d.filename), {}, function() {
console.log('success');
plus.runtime.restart(); // 安装成功后重启
}, function(error) {
console.log(error.message);
uni.showToast({
title: "安装失败",
duration: 1500
})
})
}
})
} else {
uni.showToast({
title: '更新失败',
duration: 1500
})
}
})
dtask.start();
} else {
uni.showModal({
title: '当前已是最新版本',
showCancel: false
})
}
}
}
})
}
}
}
ok,接下来就是修改代码...
修改完代码之后:
-
修改manifest.json文件的应用版本名称和应用版本号(手动加1):
-
修改version.json文件,version 手动加 1:
重新生成打包资源:发行 --> 原生App本地打包 --> 生成本地打包App资源,生成一个以Id命名的文件。用于拷贝到AS中,打包会用到
将生成的资源文件夹复制到AS中项目的assets / apps 目录下,覆盖原有的资源。
-
打开AS中项目build.gradle文件,修改版本号,修改完保存,sync now。ok,继续...
-
用AS打包出一个apk,如图
- 然后把生成的apk和刚刚修改的version.json文件给到后端同事放到服务器上。完成。