Ionic2+angularjs2热更新APP步骤

一般webAPP包含H5页面和Native的外壳两部分部分。对应的升级方式有两种。

 1. 直接在线更新H5页面。

 2. 只能重新打包apk或者ipa重新安装。

1.创建项目（跳过npm安装）

ionic start myapp --v2 --skip-npm

2.进入项目(示例项目地址F:\angular\myapp)

3.使用cnpm安装依赖

4. 在项目的根目录新建或者修改cordova-hcp.json文件，再或者使用命令： cordova-hcp init创建

创建结果如下：

Name：标识项目名称

Update：有如下几个固定参数 start(app启动时安装更新，默认值) now(app从后台切换过来的时候安装更新) resume(web内容下载完毕即安装更新) min_native_interface：最低版本号

 content_url:项目在服务器上面的地址

5.安装插件

安装“cordova-hot-code-push-cli”

安装“cordova-hot-code-push-plugin”

安装“cordova-hot-code-push-local-dev-addon”

安装“cordova-plugin-file-transfer”

6.修改目录下的config.xml.

7.运行cordova-hcp build

8. 执行ionic platfrom add android添加android包

9. 执行ionic build android

10.查看android/res/xml/config.xml文件是不是被添加以下标签：

可以测试一下，在浏览器中打开http://服务器地址/dev/chcp.json，看看json是否正确。

11我们现在更新一下服务器代码，就可以看到不一样的效果了。

l  更改页面信息。

l  然后执行ionic serve，通过浏览器也能看到我们修改了home页面的字段。

l  删除掉/www文件下的chcp.json和chip.manifest这两个文件。

l  执行cordova-hcp build，通过模版文件再生成chcp.json和chip.manifest这两个文件。

l  将本地服务器下的myapp里面的www文件夹放入指定服务器下。注意:因为我们的服务器是本地服务器，这就要求我们的电脑wifi和手机连的是同一个网络。

l  查看效果。