cordova实现热更新
小编:管理员 775阅读 2022.09.13
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配置
复制
四:配置好之后,进入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才能看到效果
相关推荐
- Cordova 什么是Cordova? Cordova是用于使用HTML,CSS和JS构建移动应用的平台。我们可以认为Cordova是一个容器,用于将我们的网络应用程序与本机移动功能连接。默认情况下,Web应用程序不能使用本机移动功能。这就是Cordova进来的地方。它为网络应用和移动设备之间的连…
- 3DMAX提示和技巧 本主题标识使用 Civil View 的一些重要提示和技巧。常规使用屏幕分辨率至少为 1280x1024 的 Civil View。低于此分辨率时,一些面板将占用过多屏幕空间。 将视口设置为线框显示以达到最佳性能。 要尽可能简化用户界面,请在单个视口中工作并关闭 3ds Max 命令面…