cordova热更新插件-不发布应用市场动态更新APP源码

2016-4-12 15:29| 发布者: admin| 查看: 32190| 评论: 17

摘要: 1. 什么是热更新主要是指不让用户去应用市场上面重新下载安装包，或者重新安装升级包，实现APP的更新升级一个cordova应用包括（HTML，JavaScript，CSS文件和其他资源），传统的更新是我们把我们的程序提交到应用市场 ...

1. 什么是热更新

主要是指不让用户去应用市场上面重新下载安装包，或者重新安装升级包，实现APP的更新升级

一个cordova应用包括（HTML，JavaScript，CSS文件和其他资源），传统的更新是我们把我们的程序提交到应用市场，然后用户才可以下载更新。我们每改一个小功能都需要上传到appstore然后用户的手机提示更新下载等等。

cordova的cordova-hot-code-push插件让这些原本很复杂很麻烦的工作变得简单。我们用codepush插件可以直接实现不上传appstore 更新我们的应用。

在线视频播放地址：

http://v.youku.com/v_show/id_XMTUzMTQzMDQ2OA==.html?from=s1.8-1-1.2

2. Cordova实现的热更新原理

3 Cordova 热更新插件cordova-hot-code-push 使用

1、首先找到插件地址

http://www.phonegap100.com/plugininfo_46.html

https://github.com/nordnet/cordova-hot-code-push

也可以在：cordova.apache.org上面搜索

2、    安装 cordova-hot-code-push-cli

主要是用这个生成检测配置文件，也就是动态生成chcp.json和chcp.manifest生成两个文件

npm install -g cordova-hot-code-push-cli

3、    创建项目，以前创建好的话不需要创建

4、安装热更新插件

Add plugin:

cordova plugin add cordova-hot-code-push-plugin

Add plugin for local development:

cordova plugin add cordova-hot-code-push-local-dev-addon.

5.运行cordova-hcp build 或者 cordova build

6.新开一个cmd窗口运行然后cd到我们对于的项目下面然后运行

    cordova-hcp server   第一部分的时候我们已经安装

7.正常在运行完成第5步以后会在我们config.xml动态加入



如果没有加入的话手动加入我们config.xml,加入完成以后修改config-file 的utl路径为我们远程的可以访问的chcp.json路径

8.运行代码或者打包我们的APP

9.我们修改我们要更新的代码，修改完成以后把项目根目录下面的www代码复制出去

10. 修改chcp.json文件的content_url，此地址为我们项目放置的地址
{
"autogenerated": true,
"release": "2016.04.11-17.36.13",
"content_url": "http://www.ionic.wang/hotcode",
"update": "now"
}

11.重新看我们刚才打包的代码更新了没有