cordova學習一：基本操作

官網文檔： http://docs.phonegap.com/en/edge/guide_overview_index.md.html http://cordova.apache.org/ http://cordova.apache.org/docs/en/3.4.0/guide_overview_index.md.html#Overview

中文文檔：http://www.phonegapcn.com/

各系統對插件功能支援情況：http://cordova.apache.org/docs/en/5.0.0/guide_support_index.md.html#Platform%20Support

Cross-platform (CLI) workflow CLI (described in The Command-Line Interface)

一、基本操作 安裝cordova: npm install -g cordova 建立APP： $ cordova create hello com.example.hello HelloWorld hello指所建立的APP目錄名稱  com.example.hello指域名辨別，可能過config.xml修改 HelloWorld指APP名稱，可能過config.xml修改

添加支援平台（需進入目前APP所在目錄）： $ cordova platform add ios $ cordova platform add amazon-fireos $ cordova platform add android $ cordova platform add blackberry10 $ cordova platform add firefoxos

$ cordova platform add wp8 $ cordova platform add windows $ cordova platform add amazon-fireos $ cordova platform add android $ cordova platform add blackberry10 $ cordova platform add firefoxos

檢視目前支援的平台： $ cordova platforms ls

删除支援的平台： $ cordova platform remove blackberry10 $ cordova platform rm amazon-fireos $ cordova platform rm android

建構APP： $ cordova build 建構指定平台APP： $ cordova build ios

運作prepare後可修改指定平台下cordova生成的代碼，再通過compile打包 $ cordova prepare ios $ cordova compile ios</body>

在模拟器中檢視APP： $ cordova emulate android 手機連接配接到電腦運作APP： $ cordova run android

二、cordova插件： http://plugins.cordova.io/#/

查找插件： $ cordova plugin search bar code

添加插件： 裝置API：Basic device information (Device API):

$ cordova plugin add cordova-plugin-device

網絡連接配接、電池管理：Network Connection and Battery Events:

$ cordova plugin add cordova-plugin-network-information

$ cordova plugin add cordova-plugin-battery-status

加速度傳感器，指南針，地理位置：Accelerometer, Compass, and Geolocation:

$ cordova plugin add cordova-plugin-device-motion

$ cordova plugin add cordova-plugin-device-orientation

$ cordova plugin add cordova-plugin-geolocation

相機、媒體播放和捕獲：Camera, Media playback and Capture:

$ cordova plugin add cordova-plugin-camera

$ cordova plugin add cordova-plugin-media-capture

$ cordova plugin add cordova-plugin-media

檔案通路API：Access files on device or network (File API):

$ cordova plugin add cordova-plugin-file

$ cordova plugin add cordova-plugin-file-transfer

彈窗（對話框或振動）：Notification via dialog box or vibration:

$ cordova plugin add cordova-plugin-dialogs

$ cordova plugin add cordova-plugin-vibration

Contacts:

$ cordova plugin add cordova-plugin-contacts

Globalization:

$ cordova plugin add cordova-plugin-globalization

Splashscreen:

$ cordova plugin add cordova-plugin-splashscreen

在浏覽器中打開：Open new browser windows (InAppBrowser):

$ cordova plugin add cordova-plugin-inappbrowser

調試控制台：Debug console:

$ cordova plugin add cordova-plugin-console     

檢視已添加插件： $ cordova plugin ls

删除插件： $ cordova plugin rm cordova-plugin-console $ cordova plugin remove cordova-plugin-console

批量添加或删除插件（以空格分隔）：$ cordova plugin add cordova-plugin-console cordova-plugin-device

添加指定版本号插件： $ cordova plugin add [email protected]

$ cordova plugin add  [email protected]

添加在registry.cordova.io之外的代碼倉庫的插件： $ cordova plugin add https://github.com/apache/cordova-plugin-console.git 指定版本号： $ cordova plugin add  https://github.com/apache/cordova-plugin-console.git#r0.2.0

指定添加到本地的目錄： $ cordova plugin add https://github.com/someone/aplugin.git#:/my/sub/dir $ cordova plugin add  https://github.com/someone/aplugin.git#r0.0.1:/my/sub/dir

指定本地插件目錄： $ cordova plugin add ../my_plugin_dir

三、各平台差異化設定 在根目錄下建立merges目錄，允許不同平台子目錄的合并與替換 目錄規則舉例：merges/android/www/css/index.css 例如：針對android設定個性化樣式，在index.html上添加<link rel="stylesheet" type="text/css" href="css/overrides.css" target="_blank" rel="external nofollow" />，在www目錄下建立一個空檔案css/overrides.css（防止檔案找不到報錯），建立merges/android/www/css/overrides.css放置針對android的樣式。

四、幫助 $ cordova help

$ cordova   

顯示指定指令的幫助細節：$ cordova run --help

$ cordova info 顯示目前安裝的版本，config.xml，插件資訊，支援的平台，可用模拟器版本等

五、cordova版本更新 cordova版本更新： $ npm update -g cordova

$ npm install -g [email protected]

顯示cordova插件各版本更新細節： $ npm info cordova

更新平台資訊： $ cordova platform update android

$ cordova platform update ios

從舊版本遷移到新版本: 1、安裝新版本後建立cordova項目，添加支援平台 2、把舊項目的www目錄拷貝到新項目 3、舊項目的配置資訊在新項目config.xml重新設定 4、在新項目添加所需的插件