cordova_hot_push 热更新的使用

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.jsonchcp.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("你当前是最新版本")
        }
    })
})

重新运行项目,可以在控制台看到下面的打印日志
这里写图片描述
这里写图片描述

第一步、将 myApp 目录下 config.xml <chcp> <auto-download enabled="true" /> <auto-install enabled="true" /> <config-file url="http://192.168.1.34:8080/myApp/www/chcp.json" /> <local-development enabled="true" /> </chcp> 地址改为自己的地址。 第二步、将myApp\platforms\android\app\src\main\res\xml目录下 config.xml <chcp> <auto-download enabled="true" /> <auto-install enabled="true" /> <config-file url="http://192.168.1.34:8080/myApp/www/chcp.json" /> <local-development enabled="true" /> </chcp> 第三步、myApp\platforms\android\app\src\main\assets 目录下 .chcpenv { "content_url": "http://192.168.1.34:8080/myApp/www/", "config_url": "http://192.168.1.34:8080/myApp/www/chcp.json" } cordova-hcp.json { "autogenerated": true, "update": "start", "content_url": "http://192.168.1.34:8080/myApp/www/" } 的 地址改为自己的 地址 第四步、将android项目导入Android Studio 第五步、 myApp\platforms\android\app\src\main\assets 目录下 执行 cordova-hcp build 命令后将www 目录下的所有文件拷贝到你自己的 文件服务器上。 第六步、启动服务器 第七步、发布安装app程序。 第八步、修改www目录下的文件信息,重新执行第五步。 第七步、再次打开app程序("update": "start",需两次)。 cordova-hcp.json { "autogenerated": true, "update": "start", "content_url": "http://192.168.1.34:8080/myApp/www/" } start - app启动时安装更新. 默认值. resume - app从后台切换过来的时候安装更新. now - web内容下载完毕即安装更新. 注意:网站的路径
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值