cordova 集成热更新的使用
初始化一个Cordova
项目
cordova create TestProject com.example.testproject TestProject
cd ./TestProject
cordova platform add android
cordova platform add ios
添加热更新插件
cordova plugin add cordova-hot-code-push-plugin
安装热更新脚手架(如果已经安装过可以省略)
npm install -g cordova-hot-code-push-cli
开启本地服务器
cordova-hcp server
保留此终端不要关闭
该命令会自动生成chcp.json
和 chcp.manifest
文件用以存储配置文件和文件hash值
配置文件
在根目录下创建cordova-hcp.json
输入内容
{
"update": "start",
"content_url": "http://yourServer/chcp.json"
}
打开根目录下的config.xml
文件,检查是否有以下代码,如果没有则要加上
onfig-file url
里面要填写你在运行cordova-hcp server
得到的public server
里面的本地服务器
<chcp>
<auto-download enabled="true" /> //是否自动下载
<auto-install enabled="true" /> //是否自动初始化
<config-file url="http://yourSever/chcp.json" />
</chcp>
run
新开一个终端,需要先执行cordova run
,生成build
文件,如果跳过这一步,直接打开.xcworkplace
,则无法成功启用服务器
更新内容
在index.html
添加一个button
<button id="checkUpdata">检查更新</button>
在index.js
给这个按钮添加事件
//检查更新
document.getElementById('checkUpdata').addEventListener("click",function () {
chcp.fetchUpdate(function (error, data) {
if (!error) {
alert('需要更新')
chcp.installUpdate(function (error) {
alert("更新完成")
})
} else {
alert("你当前是最新版本")
}
})
})
重新运行项目,可以在控制台看到下面的打印日志