cordova學習一:基本操作__cordova
來源:互聯網
上載者:User
官網文檔: 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 cordova-plugin-console@latest
$ cordova plugin add cordova-plugin-console@0.2.1
添加在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" />,在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 cordova@3.1.0-0.2.0
顯示cordova外掛程式各版本更新細節: $ npm info cordova
更新平台資訊: $ cordova platform update android
$ cordova platform update ios
從舊版本遷移到新版本: 1、安裝新版本後建立cordova項目,添加支援平台 2、把舊項目的www目錄拷貝到新項目 3、舊項目的配置資訊在新項目config.xml重新設定 4、在新項目添加所需的外掛程式