cordova相关命令

· 安装cordova

npm install cordova -g

· 创建一个cordova项目

cordova create hello

· 添加一个平台

cordova platform add ios

· 构建一个app

cordova build [android|ios] #不指定会都构建，也可以单独制定构建哪个平台

ios授权相关操作

· 在*.plist文件里面添加如下代码

· 授权访问通讯录

<key>NSContactsUsageDescription</key><string>请允许授权哦</string>

· 授权相机

<key>NSCameraUsageDescription</key><string>请允许拍照哦!</string>

配置app logo

· 在config.xml里面添加如下配置

· ios配置

<platform name="ios">
        <icon src="res/icon/ios/icon-60@3x.png" width="180" height="180" />
        <icon src="res/icon/ios/icon-60.png" width="60" height="60" />
        <icon src="res/icon/ios/icon-60@2x.png" width="120" height="120" />
        <icon src="res/icon/ios/icon-76.png" width="76" height="76" />
        <icon src="res/icon/ios/icon-76@2x.png" width="152" height="152" />
        <icon src="res/icon/ios/icon-40.png" width="40" height="40" />
        <icon src="res/icon/ios/icon-40@2x.png" width="80" height="80" />
        <icon src="res/icon/ios/icon-57.png" width="57" height="57" />
        <icon src="res/icon/ios/icon-57@2x.png" width="114" height="114" />
        <icon src="res/icon/ios/icon-72.png" width="72" height="72" />
        <icon src="res/icon/ios/icon-72@2x.png" width="144" height="144" />
        <icon src="res/icon/ios/icon-small.png" width="29" height="29" />
        <icon src="res/icon/ios/icon-small@2x.png" width="58" height="58" />
        <icon src="res/icon/ios/icon-50.png" width="50" height="50" />
        <icon src="res/icon/ios/icon-50@2x.png" width="100" height="100" /></platform>

 android配置

<platform name="android">
         <icon density="ldpi" src="res/icon/android/eldpi.png"/>
         <icon density="mdpi" src="res/icon/android/emdpi.png"/>
         <icon density="hdpi" src="res/icon/android/ehdpi.png"/>
         <icon density="xhdpi" src="res/icon/android/exhdpi.png"/>
         <icon density="xxhdpi" src="res/icon/android/exxhdpi.png"/>
         <icon density="xxxhdpi" src="res/icon/android/exxxhdpi.png"/></platform>

配置app 启动图配置

· 依赖cordova-plugin-splashscreen插件,需要先安装

cordova plugin add cordova-plugin-splashscreen

· 在config.xml中配置相关信息

· ios 配置

<platform name="ios">
         <splash src="res/screen/ios/640_960.png" width="640" height="960" />
         <splash src="res/screen/ios/640_1136.png" width="640" height="1136" />
         <splash src="res/screen/ios/750_1334.png" width="750" height="1334" />
         <splash src="res/screen/ios/1242_2208.png" width="1242" height="2208" /></platform>

· android 配置

<platform name="android">
         <splash density="port-hdpi" src="res/screen/android/splash-port-hdpi.png" />//480*320
         <splash density="port-mdpi" src="res/screen/android/splash-port-mdpi.png" />//320*480
         <splash density="port-xhdpi" src="res/screen/android/splash-port-xhdpi.png" />//720*1280
         <splash density="port-xxhdpi" src="res/screen/android/splash-port-xxhdpi.png" />//1080*1920</platform>

配置app的名称

<?xml version='1.0' encoding='utf-8'?><widget id="io.cordova.hellocordova" version="1.0.0" xmlns="//www.w3.org/ns/widgets" xmlns:cdv="//cordova.apache.org/ns/1.0">
    <name>xxx</name>
</widget>

ps:配置完执行cordova build 重新运行即可

cordova热更新

· app的热更新：指的是不需要再次上传app到应用市场，或者重新安装升级包，来实现App的更新升级

· cordova可以借助插件cordova-hot-code-push来实现热更新

· 插件安装

1. 热更新插件

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

2.执行cordova热更新的命令行工具

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

3.运行cordova-hcp build

cordova-hcp build
Running build
Build 2018.04.03-16.00.56 created in /Users/mzr/credan/cordova/hello/www

ps: 会在www下面创建chcp.json，chcp.mainfest两个文件

4.在chcp.json文件里面添加以下内容

{
  "autogenerated": true,
  "release": "2018.04.03-16.00.56",
  "content_url": "//test.com/app", //此地址为我们放置项目的地址
  "update": "now"
}

5.config.xml里面需要添加以下代码

<chcp>
     <config-file url="//test.com/app/chcp.json" /></chcp>

ps: config-file的url需要是远程可以访问到的chcp.json文件；每次重新启动app的时候会请求此文件，与本地的该文件比对时间，如果不一样，从服务器的content_url目录获取最新的内容

6.执行完上面的步骤，热更新就配置完成了，如果下次项目改变的话，执行以下步骤

. cordova-hcp build 生成新的chcp.json文件, 文件内容如下

{
  "autogenerated": true,
  "release": "2018.04.03-16.17.24"
}

. 需要再把content_url和update字段添加到chcp.josn里面

  {
    "content_url": "//test.com/app",
    "update": "now"
  }

ps: content_url此地址为我们放置项目的地

7.分别将我们的项目和chcp.json文件上传到服务器相应的目录

ps: 我们也可以把项目和chcp.json文件里面放到一个目录里面

本文由职坐标整理并发布，了解更多内容，请关注职坐标WEB前端HTML5/CSS3频道！