cordova实现热更新

举报
仙士可 发表于 2023/06/14 16:44:08 2023/06/14
【摘要】 cordova是可以实现webapp热更新的,具体步骤如下:一:安装cordova热更新插件cordova plugin add cordova-hot-code-push-plugin //该命令可能不好使,可采用离线安装方法,下载地址https://github.com/nordnet/cordova-hot-code-push复制二:安装npm cordova-hot-code-pu...

cordova是可以实现webapp热更新的,具体步骤如下:

一:安装cordova热更新插件

cordova plugin add cordova-hot-code-push-plugin  //该命令可能不好使,可采用离线安装方法,下载地址https://github.com/nordnet/cordova-hot-code-push
复制

二:安装npm cordova-hot-code-push-cli 用于生成项目文件的md5码进行比对版本升级

npm install -g cordova-hot-code-push-cli  //同样,命令可能不好使,可采用离线安装方法,下载地址https://github.com/nordnet/cordova-hot-code-push-cli
复制

三:cordova配置,在cordova项目根目录下的config.xml配置

		<native-interface version="1" /><!--版本号 -->
        <auto-download enabled="true" /><!--是否自动更新 -->
        <auto-install enabled="true" /><!--是否自动安装 -->
        <config-file url="http://www.xxxx.com/wap/chcp.json" /><!--服务器监控版本地址 -->
复制

四:配置好之后,进入cordova项目根目录下的www目录

输入命令:

cordova-hcp init 进行更新文件的配置
主要填写:项目名,更新方法 (start:马上更新),更新地址,
复制

五:配置好之后,大概是这样,会在根目录生成一个cordova-hcp.json

进行生成app的所有文件md5值

cordova-hcp build
复制

生成完成之后,在www目录会出现2个文件chcp.json (更新的配置)和chcp.manifest(生成的文件md5值)

再进行编译成app

cordova build android
复制

编译成功后,就会在项目根目录\platforms\android\build\outputs\apk生成一个apk文件,进行安装

关于APP端配置已经完成

安装app,打开app,进行体验

六:服务端

当项目文件有更新时,就进行一次

cordova-hcp build
复制

将生成的文件,和修改的文件,全部放到cordova-hcp.json文件的content_url配置地址上去

例如填写的是http://php20.cn/wap/

则将所有文件放到对应的服务器目录中

七:打开2次APP,更新是没有任何提示的,如果成功的话,会自动替换原有文件进行热更新,如需要提示更新,请参考其他文章

记住,需要打开2次APP才能看到效果

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。