站内搜索:
首页 >> 前端 >> 内容
ionic App实现热更新的原理及步骤

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

定义:

不需要重新下载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,一段时间后可以看到内容更新

  • 上一篇:客户端存储cookie和WebStorage(localStorage及sessionStorage)的实例分析
  • 下一篇:二级联动的下拉列表代码实现教程
  • 返回顶部