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才能看到效果

目录
相关文章
|
27天前
|
开发框架 移动开发 前端开发
除了 HMR 插件,还有哪些技术可以实现热更新?
【10月更文挑战第23天】不同的热更新技术都有其特点和适用场景。开发者需要根据项目的具体需求和技术架构,选择合适的热更新技术来提高开发效率和用户体验。同时,随着技术的不断发展,热更新技术也在不断创新和完善,未来可能会出现更多更先进的热更新技术和方法。
|
25天前
|
JavaScript 前端开发
将 Babel 插件应用于实际项目中
【10月更文挑战第25天】如果在应用插件过程中出现问题,可以检查 Babel 配置是否正确、插件的依赖是否安装完整、构建工具的集成是否正确等,逐步排查和解决问题。通过以上步骤,就可以将 Babel 插件成功应用到实际项目中,实现特定的代码转换和功能增强。
|
2月前
|
存储 Rust 前端开发
Tauri 开发实践 — Tauri 配置介绍
本文首发于微信公众号“前端徐徐”,主要讲解`package.json`、`Cargo.toml`及`tauri.conf.json`三个文件的配置。其中,`tauri.conf.json`最为复杂,涉及众多配置项。`package.json`用于配置前端依赖与脚本;`Cargo.toml`用于声明Rust应用依赖;`tauri.conf.json`则管理前端资源、API白名单等。这些配置对于Tauri应用的开发至关重要。
74 5
|
2月前
|
Rust 前端开发 JavaScript
Tauri 开发实践— Tauri 怎么样
Tauri 是一个用于构建高效、小型二进制文件的框架,适用于所有主流桌面及移动平台。开发人员可以利用任何可编译为 HTML、JavaScript 和 CSS 的前端框架构建应用,并借助 Rust、Swift 或 Kotlin 进行后端开发。Tauri 采用三层架构,包括 tauri-app、WRY(跨平台 Webview 库)和 TAO(跨平台窗口管理器)。相较于 Electron,Tauri 使用系统内置浏览器引擎执行 Web APP,具有更小的资源占用和更高性能。详情见:[Tauri 官网](https://tauri.app/)。
153 0
Tauri 开发实践— Tauri 怎么样
|
5月前
|
Dart 开发工具 Android开发
快速集成 Flutter Shorebird 热更新
Flutter Shorebird 是一种云端代码推送服务,可以让开发者在几分钟内集成,无需修改代码即可将更新推送到任何 Dart 代码,支持所有 Android 和 iOS 设备,并符合 App Store 和 Play Store 的规定。Shorebird 最大的优点是无代码侵入,快速集成,设计优秀。
184 2
快速集成 Flutter Shorebird 热更新
|
12月前
|
算法 安全 C#
Unity——热更新浅析
Unity——热更新浅析
113 0
|
Web App开发 JavaScript 前端开发
VsCode 常用好用插件/配置+开发Vue 必装的插件
VsCode 常用好用插件/配置+开发Vue 必装的插件
277 0
|
缓存 前端开发 JavaScript
前端工具Vite的出现解决了什么?
在 ESM 出现之前,Javascript 是没有一个标准的模块方案。 比如说 `CJS` 是用于 Node 服务端的模块化方案,`AMD` 是用于浏览器的模块化方案。为了解决这个模块共用性问题,出现了 `UMD` 用于兼容这两种模块规范。 鉴于上面共用性问题,实际开发中配置的打包方式,采用的还是 UMD 模式。因为这样可以避免打包而产生的规范问题,并且在 ESM 不能使用的情况下也会选择 UMD。
141 0
前端工具Vite的出现解决了什么?
|
Rust 前端开发 JavaScript
|
前端开发
关于我写了一个vite插件那些事
在我们开发的过程中有开发模式和生产模式,那有些测试代码会在开发模式的时候使用,在生产环境要删掉,一般是手动删除,另一种就是判断环境变量,但是环境变量不好处理template代码以及css代码,为此我写了一个插件将解决以上问题。
218 0
关于我写了一个vite插件那些事