cordova hybirdapp 热更新

最新推荐文章于 2025-06-19 14:52:32 发布

猿代码丶

最新推荐文章于 2025-06-19 14:52:32 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签：热更新 cordova hybirdapp

本文链接：https://blog.youkuaiyun.com/lyc_xiaochao/article/details/53421435

本文介绍如何使用cordova-hot-code-push插件实现Cordova应用的热更新功能，通过几个简单的步骤即可免去频繁提交App Store的烦恼，提升开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写在前面

app的审核耗时困扰人们许久，尤其是ios的app。当app刚上线又出现一些小bug需要修复时，这让人相当的抓狂。cordova的cordova-hot-code-push插件让这些原本很复杂很麻烦的工作变得简单，codepush插件可以直接实现不上传appstore 更新我们的应用。

目前 cordova-hot-code-push-cli除了本地使用local server以外，仅支持Amazon server，有兴趣的可以去插件的github地址查看

1.安装 cordova-hot-code-push-cli

npm install -g cordova-hot-code-push-cli

如果这种方法加载很慢的话，可以试用下面的方法（不稳定）

npm install -g https://github.com/nordnet/cordova-hot-code-push-cli.git

2.安装 cordova-hot-code-push-plugin

cordova plugin add cordova-hot-code-push-plugin

cordova plugin add cordova-hot-code-push-local-dev-addon

3.启动 cordova-hcp server

cordova-hcp server

启动server之后在build程序

cordova-hcp build 或者 cordova build

build完工程之后会动态的加入下面代码，

    <chcp>
        <config-file url="https://6f53deea.ngrok.io/chcp.json"/>
        <local-development enabled="true"/>
    </chcp>

这里的url为cordova-hcp server命令的cordova-hcp public server available at:的地址+”/chcp.json”
如果没有加入的话手动加入我们config.xml,加入完成以后修改config-file 的utl路径为我们远程的可以访问的chcp.json路径

4.服务端的配置

如果出现中文乱码把项目根目录下的www下的index.html另存为utf-8格式即可
打开项目根目录的www文件修改chcp.json

{
  "autogenerated": true,
  "release": "2016.12.01-10.50.05",
  "content_url": "https://6f53deea.ngrok.io",
  "update": "now"
}

这里的url为cordova-hcp server命令的cordova-hcp public server available at:的地址

使用的时候修改项目根目录下的www即可客户端会自动更新
服务器由于没有cordova-hcp server需要手动修改chcp.manifest中file对应的hash值（所对应文件的md5码）和chcp.json的时间，出现中文乱码后修改index的编码为utf-8即可