hbuilderx版本怎么更新到新版本_HBuilderX开发app实现自动更新版本

本文介绍了如何使用HBuilderX开发的移动app实现自动检测和更新新版本。通过比较本地和服务器的版本信息,当检测到新版本时,应用会提示用户并提供下载安装选项。
摘要由CSDN通过智能技术生成

需求说明:使用MUI+Vue等技术并且通过HBuilderX打包开发移动app,在有版本更新时需要自动提示用户有新版本,并且可以点击下载自动安装。

思路说明:

应用打开时(使用Vue的生命周期mounted),获取自己的版本信息appinfo;

(本身app的信息一般存放在mainfest.json中,直接获取即可)

mui.plusReady(function(){

mui.getJSON("manifest.json", null, function(manifest){

var version = data.version

var vercode_local = version.code;

var vername_local = version.name;

console.log("版本名称:"+vername_local+",版本code:"+vercode_local);

});

});

获取remote服务器上移动应用最新的版本信息(一般是存放一个json的数据信息)

mui.getJSON(【服务器的url + appInfo.version_json】, null, function(data) {

var verCode = data.verCode;

var verName = data.verName;

//服务器版本

//console.log("服务器版本名称:"+verName +",服务器版本code:"+verCode);

});

判断两个版本号是否相等,不相等则需要更新

if(vercode_local == verCode) {

mui.toast("当前已经是最新版本!");

} else {

var btnArray = ['是', '否'];

mui.confirm('当前版本是:' + vername_local + ', 最新版本是:' + verName + ', 是否立即更新?', '发现最新版本', btnArray, function(z) {

if(z.index == 0) {

console.log('确定');

installApk(BASEINFO.maxsvc + appInfo.version_apk);

} else {

console.log('不确定');

return;

}

});

}

1.在vue的mounted生命周期进行更新校验

mounted() {

mui.plusReady(function() {

//console.log("检查更新!!!!");

mui.init({statusBarBackground: '#EEEEEE'});

plus.screen.lockOrientation("landscape-primary");

if(mui.os.android) {

mui.getJSON("../../manifest.json", null, function(data) {

var version = data.version

var vercode_local = version.code;

var vername_local = version.name;

//当前版本

//console.log("版本名称:"+vername_local+",版本code:"+vercode_local);

mui.getJSON(BASEINFO.maxsvc + appInfo.version_json, null, function(data) {

var verCode = data.verCode;

//服务器版本

//console.log("服务器版本code:"+verCode);

var verName = data.verName;

if(vercode_local == verCode) {

mui.toast("当前已经是最新版本!");

} else {

var btnArray = ['是', '否'];

mui.confirm('当前版本是:' + vername_local + ', 最新版本是:' + verName + ', 是否立即更新?', '发现最新版本', btnArray, function(z) {

if(z.index == 0) {

console.log('确定');

installApk(BASEINFO.maxsvc + appInfo.vers

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在HBuilderX实现app自动更新,可以使用uni-app提供的uni-updater插件来实现。uni-updater插件是一个用于在移动平台上实现应用自动更新的插件。 以下是在HBuilderX中制作app自动更新的步骤: 1. 在HBuilderX中创建一个uni-app项目。 2. 在项目根目录下创建一个update.json文件,用于存储应用的版本信息和更新文件的下载地址等信息。示例update.json文件内容如下: ```json { "version": "1.0.0", "description": "应用更新", "update_url": "http://example.com/update.zip" } ``` 其中,version字段表示应用的版本号,description字段为更新描述,update_url字段为更新文件的下载地址。 3. 在main.js文件中引入uni-updater插件,并在Vue实例的created钩子函数中调用uni.updater.checkUpdate()方法来检查是否有新版本可用。示例代码如下: ```javascript import Vue from 'vue' import App from './App' import updater from 'uni-updater' Vue.config.productionTip = false App.mpType = 'app' const app = new Vue({ ...App }) // 在Vue实例的created钩子函数中检查更新 app.$mount() app.$nextTick(() => { uni.updater.checkUpdate() }) ``` 4. 在manifest.json文件中配置uni-updater插件。示例配置如下: ```json { "plus": { "plugins": { "uni-updater": { "version": "1.0.0", "provider": "UNI-UPDATER" } } } } ``` 5. 在manifest.json文件中配置uni-updater插件的权限。示例配置如下: ```json { "plus": { "runtimePermission": { "uni-updater": { "description": "应用更新" } } } } ``` 6. 在HBuilderX中导出成apk或ipa包,安装到设备上运行即可实现自动更新
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值