一般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 查看效果。