Ionic 热更新,这个我要是能解决了就是成长!

首先确保有node npm ionic  cordova 环境

1.安装 cordova cordova-hcp cli 插件

命令行输入  npm install -g cordova-hot-code-push-cli

主要是用这个生成检测配置文件,也就是动态生成chcp.json 和chcp,manifest 生成两个文件

报错:

Ionic 热更新,这个我要是能解决了就是成长!_第1张图片
管理权限没有给够

所以再命令行之前要加  sudo    (这个十分关键!)

Ionic 热更新,这个我要是能解决了就是成长!_第2张图片
解决没有获得管理员权限问题

输入sudo之后 要键入得管理员权限

2 .在项目目录下 安装 cordova plugin add cordoba-hot-code-push-plugin

和cordova plugin add cordoba-hot-code-push-local-dev-addon(项目上线后删除)

3.运行 cordova-hcp build 或者 cordova build

Ionic 热更新,这个我要是能解决了就是成长!_第3张图片
找到项目目录  安装热更新插件 并运行cordova-hcp build

4.新开一个cmd 窗口运行  然后cd 到我们的项目  

然后运行  cordova-hcp server  (第一步安装cordova cordova-hcp cli 插件后这个命令才能实现否则会报错!) 

Ionic 热更新,这个我要是能解决了就是成长!_第4张图片
cd 到项目目录 运行cordova-hcp server


!!!  cordova-hcp server  这句命令行在修改代码前要开启

在staging 文件夹中的config.xml中修改

Ionic 热更新,这个我要是能解决了就是成长!_第5张图片
找到config.xml文件 当cordova-hcp build 会自动添加代码
Ionic 热更新,这个我要是能解决了就是成长!_第6张图片
如果没有自动添加,则手动添加


6.修改代码 然后执行cordova-hcp build命令(修改代码前开启cordova-hcp server) 


7.上传代码前要   记得!!!修改chcp.json中服务器地址

Ionic 热更新,这个我要是能解决了就是成长!_第7张图片

8.  如果你不想每次上传之前都要改服务器地址,或者有时候会忘记更改

有一种简便方法  创建一个文件  命名为cordova-hcp.json


Ionic 热更新,这个我要是能解决了就是成长!_第8张图片
与chip.json添加到同一文件夹下


Ionic 热更新,这个我要是能解决了就是成长!_第9张图片
cordova-hcp.json 内容

你可能感兴趣的:(Ionic 热更新,这个我要是能解决了就是成长!)