Ionic2/3 热更新步骤

安卓-------------
说明:--prod 为ionic提供的一种打包方式,可以加快app开启速度,--release为打包签名

  1. 添加支持热更新
    先安装热更新插件:
    在你的电脑端全局安装:
npm install -g cordova-hot-code-push-cli

2.cd到项目目录下给项目添加插件:

cordova plugin add cordova-hot-code-push-local-dev-addon ( 此步可省略)

cordova plugin add cordova-hot-code-push-plugin

3.执行:

cordova-hcp server

执行完之后会在www文件夹中生成 两个文件:

chcp.json chcp.manifest

chcp.json文件主要是插件的配置信息,
chcp.manifest文件则是www目录下各文件的hash值参照表。

Update:有如下几个固定参数 start(app启动时安装更新,默认值)
now(app从后台切换过来的时候安装更新)
resume(web内容下载完毕即安装更新)
min_native_interface:最低版本号
content_url:项目在服务器上面的地址

在App根目录下面新建文件cordova-hcp.json,内容如下:

{
  "autogenerated": true,
  "content_url": "http://www.yourserver.com/www",
  "update": "start"
}

注意:这里的http://www.yourserver.com...均指你的存放热更新文件的服务器地址!
将www目录下的.chcpenv文件修改为你的服务器:

  {
    "content_url": "http://www.yoursever.com/www",
    "config_url": "http://www.yourserve.com/www/chcp.json"
    }

在config.xml文件<widget>标签中添加:

 <chcp>
  <local-development enabled="true"/>
  <config-file url="[http://www.yourserve.com/hotc...] />                   
 </chcp>
 <chcp>
    <local-development enabled="true" />
    <config-file url="http://192.168.0.111/www/chcp.json" />
  </chcp>

修改src里的内容,然后重新编译;编译后打包apk或者执行ionic run android把www里面的代码压缩之后,再执行

cordova-hcp build

然后把www目录复制到你的服务器上,退出APK再打开,看看后台做的修改是否在apk里跟着改变了。(也可以直接修改www目录下的文件内容,主要是修改main.js里的东西然后执行

cordova-hcp build

再把www复制到服务器看看修改效果)
到此打包好APK安装到手机上。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,455评论 25 708
  • 简介 关于Cordova的热更新问题,国内的资料比较少,许多博客上都是胡乱的抄袭,准确性极低,无任何实用性,并且步...
    cl9000阅读 6,383评论 10 15
  • 热更新:当用户初次打开app,它会将所有的web内容复制一份到外部存储。此后从外部存储加载web内容,而并不加载打...
    方千竹阅读 1,792评论 0 0
  • 早过了单纯的年龄 就有个放不下的思念 一年又一年在脑海 画刻着欢愉的梦 早晨的风吹过窗前 裹着青草的香味 深深地呼...
    象天之性阅读 386评论 0 2
  • 现代医学的发展,使传统医学慢慢退出历史舞台,目前世界上还存在并还在发挥作用的传统医学,基本只剩下中医了,究其原因,...
    大卫_阮小七阅读 444评论 0 0