您现在的位置:首页 >> 前端 >> 内容

ionic App实现热更新的原理及步骤

时间:2018/5/22 11:01:29 点击:

  核心提示:定义:不需要重新下载app,实现内壳更新原理:1.在项目根目录的config.xml文件中添加指向服务器的地址2.在www目录中添加chcp.json配置文件,配置指向服务器,更新时间,更新方式步骤:...

定义:

不需要重新下载app,实现内壳更新

原理:

1.在项目根目录的config.xml文件中添加指向服务器的地址

2.在www目录中添加chcp.json配置文件,配置指向服务器,更新时间,更新方式

步骤:

1.安装热更新插件

进入项目目录

$ npm install -g cordova-hot-code-push-cli
$ cordova plugin add cordova-hot-code-push-plugin

安装插件后可以看到www目录增加了chcp.json文件和chcp.manifest文件,chcp.json文件需要修改。

2.创建cordova-hcp.json模板

本来是每次更新后都要在www目录中修改chcp.json文件(更新release),设置模板后可以自动修改。

{
  "autogenerated": true,
  "content_url": "https://dao.sg:3680/daoqidao62/sites/default/files/app_flashcard_resourse/chcp_content/www",
  "update": "start",
  "release": "2018.05.18-14.30.44"
}

content_url为更新文件的位置

不要漏掉逗号啥的。。。。。

3.在项目根目录中的config.xml中添加

 
        
        
        
  

config-file为服务器中chcp.json的位置

4.cordova-hcp build修改www的chcp.json文件

5.更新源码内容,ionic cordova build android编译,,ionic cordova compile android生成apk文件

6.把www上传到服务器,打开app

7.更新源码,ionic cordova build android编译(要确保www内容已更新)。

8.把新的www上传到服务器,重启app,一段时间后可以看到内容更新

Tags:IO ON NI IC 
作者:网络 来源:月照平沙的博客