Cordova 热更新

一、添加插件

新建Cordova项目

cordova create CordovaHotCode com.xkw.hotcode

 添加Android平台

在新建项目的根目录下,进入命令行,执行

cordova platform add android

添加自动更新插件

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

 

-添加cordova hot code push客户端,用于生成www目录下文件的hash码,更新的时候对比使用。(注意:安装过就不用在安装了)

npm install -g cordova-hot-code-push-cli


 

 二、配置
修改根目录下的config.xml

<chcp>
   <auto-download enabled="true" />
   <auto-install enabled="true" />
   <native-interface version="3"/>
   <config-file url="http://xxx.xxx.xxx.xx:8080/cordova-hot-update/cordova/www/chcp.json" />
</chcp>


auto-download     是否自动下载
auto-install          是否自动安装
native-interface    cordova外壳需要的最低版本号
config-file  url为服务器的更新地址,即www目录里的项目的地址

 

    
 上一步执行完之后,需要在项目根目录下的命令行中执行cordova build,编译项目。
项目根目录下执行

cordova-hcp build


-  这个命令在项目根目录下的www目录中生成chcp.json和chcp.manifest两个文件。
-  chcp.json包含了项目的版本信息,是否立即更新,服务器的更新地址。chcp.manifest包含了www目录下的文件和对应的hash码值。
-  为了chcp.json文件生成的方便,我们需要在项目的根目录下新建一个文件cordova-hcp.json,内容为:

 

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

- 上面执行完之后,可以将项目导入到android studio中或者直接在根目录执行cordova build,然后在CordovaHotCode\platforms\android\build\outputs\apk这个目录下生成了apk文件,直接安装就行。

三、服务器端配置
- 服务器端就比较简单了,我们修改项目根目录下的www目录之后,在根目录下执行cordova-hcp build.
- 修改www/chcp.json 文件

{
  "autogenerated": true,
  "release": "2018.09.27-18.04.15",
  "content_url": "服务器项目地址",
  "update": "now"
}

- 直接把根目录下的www目录拷贝到服务器中,注意地址不要写错。然后启动我们的app,第一次启动的时候检查更新并下载更新,第二次启动的时候就会使用更新的版本。 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
第一步、将 myApp 目录下 config.xml <chcp> <auto-download enabled="true" /> <auto-install enabled="true" /> <config-file url="http://192.168.1.34:8080/myApp/www/chcp.json" /> <local-development enabled="true" /> </chcp> 地址改为自己的地址。 第二步、将myApp\platforms\android\app\src\main\res\xml目录下 config.xml <chcp> <auto-download enabled="true" /> <auto-install enabled="true" /> <config-file url="http://192.168.1.34:8080/myApp/www/chcp.json" /> <local-development enabled="true" /> </chcp> 第三步、myApp\platforms\android\app\src\main\assets 目录下 .chcpenv { "content_url": "http://192.168.1.34:8080/myApp/www/", "config_url": "http://192.168.1.34:8080/myApp/www/chcp.json" } cordova-hcp.json { "autogenerated": true, "update": "start", "content_url": "http://192.168.1.34:8080/myApp/www/" } 的 地址改为自己的 地址 第四步、将android项目导入Android Studio 第五步、 myApp\platforms\android\app\src\main\assets 目录下 执行 cordova-hcp build 命令后将www 目录下的所有文件拷贝到你自己的 文件服务器上。 第六步、启动服务器 第七步、发布安装app程序。 第八步、修改www目录下的文件信息,重新执行第五步。 第七步、再次打开app程序("update": "start",需两次)。 cordova-hcp.json { "autogenerated": true, "update": "start", "content_url": "http://192.168.1.34:8080/myApp/www/" } start - app启动时安装更新. 默认值. resume - app从后台切换过来的时候安装更新. now - web内容下载完毕即安装更新. 注意:网站的路径
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值