ionic3 热更新发布步骤记录

1.安装基本框架
npm install -g ionic@latest
npm install -g cordova ionic

验证版本号
ionic –version
cordova -version

2.新建ionic项目
ionic start myapp

会显示选项列表
 tabs：建立一个选项卡项目
 blank：建立一个空白项目
 sidemenu：建立一个侧边菜单项目
 super: 建立一个预制的完整项目，提供ionic开发最佳实践
 conference：建立一个展现真是应用的项目
 tutorial：建立一个基于ionic文档的教程项目
 aws: 建立一个移动集成器启动项目
任意选择一个新建便可

3.进入项目文件夹
cd myapp
执行下面命令能够预览项目
ionic serve
正常显示后能够关掉服务Ctrl+C，此步骤只是保证ionic新建项目成功

4.ios目前已不支持热更新，因此只对Android平台进行设置

设置Android平台
ionic cordova platform add android
设置安卓版本需修改下面文件内容
platforms/android/project.properties 
和platforms/android/CordovaLib/project.properties 
中的target=“你有的sdk版本”


安装热更新插件
ionic cordova plugin add cordova-hot-code-push-plugin
ionic cordova plugin add cordova-hot-code-push-local-dev-addon
npm install -g cordova-hot-code-push-cli

5.在config.xml配置文件中加入下面节点
<chcp>
     <config-file url="http://192.168.1.203:8121/chcp.json" />
     <native-interface version="1" />
</chcp>
第一个子节点是须要发布在iis上的文件地址
第二个子节点是当前版本号
还有其它配置此处再也不罗列

6.新开一个终端执行下面命令
cordova-hcp server
若是可以正常输出相似
Running server
Checking:  /ionic/myapp/www/
local_url http://localhost:31284
Warning: .chcpignore does not exist.
Build 2017.10.27-10.17.48 created in ionic/myapp/www
cordova-hcp local server available at: http://localhost:31284
cordova-hcp public server available at: https://5027caf9.ngrok.com

检查/项目名称/www 路径下 有chcp.json和chcp.manifest表示热更新服务启动正常

7.在项目根目录下新建模板 cordova-hcp.json
{
"content_url": "http://192.168.31.62:8121",
"autogenerated": true,
"update": "now"
}
之后发布时只需执行
cordova-hcp build命令，就能够把模板内容替换到chcp.json文件内，由于每次更新或者发布app都会使热更新服务从新生成chcp.json文件内容

8.构建iis，路径指向/项目名称/www 文件夹，也能够把www文件夹部署在你指定的位置。检查chcp.json文件是否能访问，若不能访问
针对iis7+
在IIS的站点属性的HTTP头设置里，选MIME 映射中点击”文件类型”-”新类型”，添加一个文件类型：
关联扩展名：.json
内容类型(MIME)：application/x-javascript

9.生成apk
ionic cordova build android
此时热更新服务不能中止，一个终端执保持热更新服务，另外一个终端执行其它命令
生成后执行
cordova-hcp build 复制模板文件
而后经过iis访问地址，检查页面显示是否正常，json文件是否能够访问，json文件内的ip地址是不是iis的发布地址
在手机上安装此apk

10.对项目界面或者功能进行修改
而后对配置文件config.xml的chcp节点的版本号进行修改
<native-interface version="2" /> 
从新生成apk
ionic cordova build android
经过iis访问检查页面和功能是否修改
执行 cordova-hcp build 而后检查iis上的json文件是否修改
关掉手机上原来的程序，从新打开程序，能够看到页面或者功能已变动。有时候更新会有延迟。

 琐碎的资料

1. http://localhost:8100/ionic-lab 能够看到模拟器

2. 新建模块命令 ionic g page login

3. 新建服务命令 ionic g provider MyData

4. 在虚拟机上执行命令 ionic cordova emulate android -l -c