素材巴巴 > 程序开发 >

cordova热更新

程序开发 2023-09-05 09:27:52

资源链接:http://blog.csdn.net/zhuzhiqiang_zhu/article/details/53608398

一、添加插件

新建Cordova项目

cordova create CordovaHotCode com.ezample.hotcode
添加Android平台
在新建项目的根目录下,进入命令行,执行cordova platform add android

添加自动更新插件

1.安装(在当前cordova目录下)
npm install -g cordova-hot-code-push-cli
2.cordova plugin add cordova-hot-code-push-plugin
添加cordova hot code push客户端
3.修改根目录下的config.xml
这里写图片描述


 

4.为了chcp.json文件生成的方便,我们需要在项目的根目录下新建一个文件cordova-hcp.json,内容为:

{ "update": "start", "content_url": "http://192.168.40.203:8080/cordova/www" 
 }

5.上一步执行完之后,需要在项目根目录下的命令行中执行cordova build,编译项目。
6.项目根目录下执行cordova-hcp build,这个命令在项目根目录下的www目录中生成chcp.json和chcp.manifest两个文件。chcp.json包含了项目的版本信息,是否立即更新,服务器的更新地址。chcp.manifest包含了www目录下的文件和对应的hash码值。这个www就可以放倒服务器了
6.1这里可以启动热更新服务, cordova-hcp server,启动后就会停在一个界面

eboncjq:enn-ionic-sj eboncjq$ cordova-hcp server
 Running server
 Checking:  /Users/eboncjq/git/cordovar_ios/enn-ionic-sj/www
 local_url http://localhost:31284

这里http://localhost:31284 就是你的本地服务(也是你本cordova项目的www目录所在地址),http://localhost:31284/chcp.json 可以测试替换第3步的URL,localhost写你的本机IP,这样打出的apk就能访问本机检查更新

7.ionic build iOS,讲www替换到iOS的www
8.用ios工程生成apk,安装到手机

当cordova代码更改后,需要热更新时候

  1. web更新后,执行ionic serve,预览效果,这样www的代码也随着更改了
  2. 然后执行cordova-hcp build,更改热更新后的www,并将www放入服务器,这样手机端就能检测更新

标签:

上一篇: angular5中使用echart的方法 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。