Cordova 实现热更新

简介: 文章来源 http://blog.csdn.net/zhuzhiqiang_zhu/article/details/53608398一、添加插件说明:在这个步骤里面,以下的命令需要在项目根目录下执行● 新建Cordova项目○ cordova create CordovaHotCode com.

文章来源 http://blog.csdn.net/zhuzhiqiang_zhu/article/details/53608398
一、添加插件
说明:在这个步骤里面,以下的命令需要在项目根目录下执行
● 新建Cordova项目
○ cordova create CordovaHotCode com.ezample.hotcode
● 添加android平台
○ cordova platform add android
● 添加iOS平台
○ cordova platform add ios
● 添加自动更新插件
○ cordova plugin add cordova-hot-code-push-plugin
● 添加cordova hot code push客户端,用于生成www目录下文件的hash码,更新的时候对比使用。(注意:安装过就不用在安装了)
○ npm install -g cordova-hot-code-push-cli
二、配置

  1. 修改config.xml
    ○ iOS工程的地址
    config.xml的路径是:projectName/platforms/ios/projectName/config.xml
    其中 projectName 是我们创建的工程名称
    ○ Android工程的地址是
    projectName/platforms/android/res/xml/config.xml

    修改内容如图:
    img_3fde44748305ef8f10c48885d565f143.png
    417114801036.png

//代码为
<chcp>
<auto-download enabled="true" />
<auto-install enabled="true" />
<config-file url="http://172.16.1.245:8080/cordova-hot-update/cordova/www/chcp.json" />
</chcp>

  1. 转移项目根目录下的www目录里的内容
    ○ ios平台
    将www里面的内容拷贝到 projectName/platforms/ios/projectName/www
    ○ Android平台
    将www里面的内容拷贝到 projectName/platforms/android/assets/www
  2. 为了chcp.json文件生成的方便,我们需要在项目的根目录下新建一个文件cordova-hcp.json,内容为:
    {
    "update": "start",
    "content_url": "http://192.168.40.203:8080/cordova/www"
    }

上面执行完之后,可以将项目导入到android studio中或者直接在根目录执行cordova build,然后在CordovaHotCode\platforms\android\build\outputs\apk这个目录下生成了apk文件,直接安装就行。
三、服务器端配置

  1. 服务器端就比较简单了,我们修改项目根目录下的www目录之后,在根目录下执行cordova-hcp build.
  2. 直接把根目录下的www目录拷贝到服务器中,注意地址不要写错。然后启动我们的app,第一次启动的时候检查更新并下载更新,第二次启动的时候就会使用更新的版本。


    img_99e92c8478ae6a11d0c946c1404b2fa2.png
    213130800190.png
目录
相关文章
|
17天前
|
JSON 小程序 前端开发
小程序使用npm以及常用的移动端UI插件
小程序使用npm以及常用的移动端UI插件
14 0
|
4月前
|
算法 安全 C#
Unity——热更新浅析
Unity——热更新浅析
|
监控 Android开发
cordova实现热更新
cordova实现热更新
346 0
cordova实现热更新
|
前端开发
关于我写了一个vite插件那些事
在我们开发的过程中有开发模式和生产模式,那有些测试代码会在开发模式的时候使用,在生产环境要删掉,一般是手动删除,另一种就是判断环境变量,但是环境变量不好处理template代码以及css代码,为此我写了一个插件将解决以上问题。
182 0
关于我写了一个vite插件那些事
|
移动开发 开发框架 前端开发
Cordova 初识
Cordova 是使用 HTML,CSS 和 JavaScript构建混合移动应用程序的平台。官方文档给了我们 Cordova 的定义。
354 0
Cordova 初识
|
Dart C++ Windows
flutter开发中vscode插件推荐
vscode开发插件推荐 扩展是完成工作的快捷方式。许多扩展有助于减少重复性工作、减少样板代码等。其他一些扩展有助于协助开发过程,甚至有助于更快、更高效的开发。
179 0
|
Dart C++ Windows
flutter开发中vscode插件推荐2
这是Jeroen Meijer创建的最著名和最常用的扩展之一,许多顶级 Flutter 开发人员都建议使用它。这样可以更轻松地将 pub 添加到pubspec.yaml,而无需离开您的编辑器。这只会添加最新版本,因此它也可以用于更新现有的 pub。提供的一个很好的扩展 ,他从一开始就与 Flutter 联系在一起,并且是 Flutter 社区的主要贡献者。此扩展程序是最新的,没有已知问题,如果有任何问题,您可以直接联系任何帮助。
156 0
|
存储 Dart 数据可视化
flutter开发vscode插件推荐(开发必备)
vscode开发插件推荐 扩展是完成工作的快捷方式。许多扩展有助于减少重复性工作、减少样板代码等。其他一些扩展有助于协助开发过程,甚至有助于更快、更高效的开发。
1037 0
flutter开发vscode插件推荐(开发必备)
|
存储 数据可视化 开发工具
flutter 开发中 vscode 插件推荐 3
Better Comments 这是 VS 代码开发人员使用的另一个流行扩展。它有助于创建丰富多彩的评论,这实际上使评论更具可读性。这有助于以更好的方式维护代码注释。评论可以帮助团队中的其他开发人员或我们未来的自己。您可以在评论中写 TODO,这有助于以后不会错过任何重要的作品。在评论中,您只需以 * 或 ! 或者 ?或 TODO,它会自动具有特定的颜色。
139 0
flutter 开发中 vscode 插件推荐 3
|
Dart C++ Windows
flutter 开发中 vscode 插件推荐 1
vscode 开发插件推荐 扩展是完成工作的快捷方式。许多扩展有助于减少重复性工作、减少样板代码等。其他一些扩展有助于协助开发过程,甚至有助于更快、更高效的开发。
149 0