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

html5移动app框架ionic热更新插件-不发布应用市场动态更新APP源码

字数564  阅读162  评论0  喜欢0

html5移动app框架ionic热更新插件-不发布应用市场动态更新APP源码

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

一个ionic/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

ionic/Cordova实现的热更新原理

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

1、    首先找到插件地址

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:

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

ionic 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-file的url路径为我们远程的可以访问的chcp.json路径

  <chcp><config-file url="http://5027caf9.ngrok.com/chcp.json"/></chcp>

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

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

10. 修改chcp.json文件的content_url，此地址为我们项目放置的地址

{

"autogenerated": true,

"release": "2016.04.11-17.36.13",

"content_url": "http://5027caf9.ngrok.com/chcp.json",

"update": "now"

}

11.打开我们的应用，看看代码是否更新（前提需要联网哦）