热更新_uniapp_热更新什么意思

uni-app实现热更新

第一步:在项目App.vue文件中增加代码,放在onLaunch事件中(假设最新版本为“”):

<script>

import conf from &#;@/conf/conf.js&#;

export default {

onLaunch: function() {

console.log(&#;开始了*********************************************&#;,conf.server_version);

let osname=uni.getSystemInfoSync().osName;

console.log(osname);

console.log(conf.server_version);

if(osname==&#;android&#;|| osname==&#;ios&#;){

console.log(&#;====手机端=================>&#;,conf.server_version!=&#;&#;);

if(conf.server_version!=&#;&#;){

console.log(&#;同步代码.....&#;);

uni.showModal({

title:&#;更新&#;,

content:&#;更新嘛?&#;,

success:function(res){

console.log(&#;====>**********&#;+res.confirm);

if(res.confirm){

let downloadTask=uni.downloadFile({

url:&#;http://******.com/app.wgt&#;,

success: (downloadResult) => {

plus.runtime.install(downloadResult.tempFilePath,{force:true},function(){

plus.runtime.restart();

});

}

});

downloadTask.onProgressUpdate((res) => {

console.log(&#;下载进度&#; + res.progress);

console.log(&#;已经下载的数据长度&#; + res.totalBytesWritten);

console.log(&#;预期需要下载的数据总长度&#; + res.totalBytesExpectedToWrite);

});


}else{

console.log(&#;用户取消了....&#;)

}

}

})

console.log(&#;====>appid===>&#;);

}else{

console.log(&#;====>最新版本不用更新=>&#;);

}

}else{

console.log(&#;不是App本版&#;);

}

},

onShow: function() {

console.log(&#;App Show&#;)

console.log(&#;99999999999999999999999====>&#;)

},

onHide: function() {

console.log(&#;App Hide&#;)

}

}

</script>

在项目中增加一个配置文件conf.js


这个文件代码如下:

export default{

server_version:&#;&#;

}

第二步:打包最新的个wgt包

修改conf.js文件如下:

export default{

server_version:&#;&#;

}

打包wgt包,将获得wgt放到第一步代码(uni.downloadFile)路径中,这样热更新就完成。

原文链接:,转发请注明来源!