您的位置：首页 > 其它

cordova热更新插件的使用

2017-02-23 10:55 681 查看

cordova常用命令

一、添加插件

新建Cordova项目cordova create CordovaHotCode com.ezample.hotcode
添加Android平台在新建项目的根目录下，进入命令行，执行cordova platform add android
添加自动更新插件cordova plugin add cordova-hot-code-push-plugin
添加cordova hot code push客户端，用于生成www目录下文件的hash码，更新的时候对比使用。(注意：安装过就不用在安装了)npm install -g cordova-hot-code-push-cli

二、配置

修改根目录下的

config.xml

<chcp>
<auto-download enabled="true" />
<auto-install enabled="true" />
<config-file url="http://172.16.1.245:8080/cordova-hot-update/cordova/www/chcp.json" />
</chcp>

上一步执行完之后，需要在项目根目录下的命令行中执行

cordova build，编译项目。

项目根目录下执行

cordova-hcp build

，这个命令在项目根目录下的www目录中生成chcp.json和chcp.manifest两个文件。chcp.json包含了项目的版本信息，是否立即更新，服务器的更新地址。chcp.manifest包含了www目录下的文件和对应的hash码值。为了chcp.json文件生成的方便，我们需要在项目的根目录下新建一个文件cordova-hcp.json，内容为：

{
"update": "start",
"content_url": "http://192.168.40.203:8080/cordova/www"
}

上面执行完之后，可以将项目导入到android studio中或者直接在根目录执行cordova build,然后在CordovaHotCode\platforms\android\build\outputs\apk这个目录下生成了apk文件，直接安装就行。

三、服务器端配置

服务器端就比较简单了，我们修改项目根目录下的www目录之后，在根目录下执行cordova-hcp build.直接把根目录下的www目录拷贝到服务器中，注意地址不要写错。然后启动我们的app,第一次启动的时候检查更新并下载更新，第二次启动的时候就会使用更新的版本。

四、JavaScript端调用插件方法

//说明：这里的使用了Framework7
chcp.fetchUpdate(function(error, data) {
if(!error) {
myApp.modal({
title: "提示",
text: "有更新，确定更新吗?",
buttons: [{
text: '不更新'
}, {
text: "立即更新",
onClick: function() {
myApp.showPreloader('正在升级，升级完毕应用将自动重启...');
chcp.installUpdate(function(error) {
myApp.alert("更新完成", ["提示"]);
})
}
}]
})
} else {
myApp.alert("你当前是最新版本", ["提示"]);
}
})

参考网址：博客地址:http://blog.csdn.net/lovelyelfpop/article/details/50848524#javascript-modulehttp://blog.csdn.net/qq_34160678/article/details/51580975视频教程地址：http://www.tudou.com/programs/view/oKXtLhMzFSI/?spm=a2h0k.8191414.oKXtLhMzFSI.A

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航