cordova_hot_push 热更新的使用

本文介绍如何在Cordova项目中集成热更新功能,包括项目的初始化、热更新插件的添加及配置过程。通过实例演示了如何实现应用内检查更新、自动下载及安装更新等功能。

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值