cordova实现热更新

简介: cordova实现热更新

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-interfaceversion="1"/><!--版本号 -->

        <auto-downloadenabled="true"/><!--是否自动更新 -->

        <auto-installenabled="true"/><!--是否自动安装 -->

        <config-fileurl="http://www.xxxx.com/wap/chcp.json"/><!--服务器监控版本地址 -->

image.png

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

输入命令:

cordova-hcp init 进行更新文件的配置

主要填写:项目名,更新方法 (start:马上更新),更新地址,

image.png

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

image.png

进行生成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才能看到效果

目录
相关文章
|
2月前
|
开发框架 移动开发 前端开发
除了 HMR 插件,还有哪些技术可以实现热更新?
【10月更文挑战第23天】不同的热更新技术都有其特点和适用场景。开发者需要根据项目的具体需求和技术架构,选择合适的热更新技术来提高开发效率和用户体验。同时,随着技术的不断发展,热更新技术也在不断创新和完善,未来可能会出现更多更先进的热更新技术和方法。
|
6月前
|
Dart 开发工具 Android开发
快速集成 Flutter Shorebird 热更新
Flutter Shorebird 是一种云端代码推送服务,可以让开发者在几分钟内集成,无需修改代码即可将更新推送到任何 Dart 代码,支持所有 Android 和 iOS 设备,并符合 App Store 和 Play Store 的规定。Shorebird 最大的优点是无代码侵入,快速集成,设计优秀。
223 2
快速集成 Flutter Shorebird 热更新
|
5月前
|
Web App开发 资源调度 前端开发
electron 中如何安装或更新 vuejs-devtool 最新稳定版
electron 中如何安装或更新 vuejs-devtool 最新稳定版
|
算法 安全 C#
Unity——热更新浅析
Unity——热更新浅析
128 0
|
Dart API
Flutter脚手架简单介绍
Flutter脚手架是Flutter提供的一个命令行工具,用于创建新的Flutter项目,并提供了一些常用的开发功能和配置。
Flutter脚手架简单介绍
|
移动开发 Dart JavaScript
Flutter的热部署
Dart在开发过程中使用JIT,每次更改都不需要在编译成字节码,节省了大量时间,在部署中使用AOT生成高效的ARM代码保证高效的性能,所以说Dart具有运行速度快,执行性能好的特点。
|
移动开发 开发框架 前端开发
Cordova 初识
Cordova 是使用 HTML,CSS 和 JavaScript构建混合移动应用程序的平台。官方文档给了我们 Cordova 的定义。
414 0
Cordova 初识
|
Dart Android开发 iOS开发
【Flutter】Flutter 混合开发 ( 混合开发中 Flutter 的 热重启 / 热加载 )(一)
【Flutter】Flutter 混合开发 ( 混合开发中 Flutter 的 热重启 / 热加载 )(一)
417 0
【Flutter】Flutter 混合开发 ( 混合开发中 Flutter 的 热重启 / 热加载 )(一)
|
Android开发
【Flutter】Flutter 混合开发 ( 混合开发中 Flutter 的 热重启 / 热加载 )(二)
【Flutter】Flutter 混合开发 ( 混合开发中 Flutter 的 热重启 / 热加载 )(二)
448 0
【Flutter】Flutter 混合开发 ( 混合开发中 Flutter 的 热重启 / 热加载 )(二)
|
存储 Dart 数据可视化
flutter开发vscode插件推荐(开发必备)
vscode开发插件推荐 扩展是完成工作的快捷方式。许多扩展有助于减少重复性工作、减少样板代码等。其他一些扩展有助于协助开发过程,甚至有助于更快、更高效的开发。
1144 0
flutter开发vscode插件推荐(开发必备)

热门文章

最新文章