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动态加入


  
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.打开我们的应用,看看代码是否更新(前提需要联网哦)





IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。Ionic框架的目的是从 web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。