1 cordova 基本介紹
1.1 cordova 網(wǎng)站地址
1.2 什么是cordova
Cordova提供了一組設(shè)備相關(guān)的API稚瘾,通過(guò)這組API,移動(dòng)應(yīng)用能夠以JavaScript訪問(wèn)原生的設(shè)備功能丢烘,如攝像頭些椒、麥克風(fēng)等。
Cordova還提供了一組統(tǒng)一的JavaScript類庫(kù)赢乓,以及為這些類庫(kù)所用的設(shè)備相關(guān)的原生后臺(tái)代碼石窑。
Cordova支持如下移動(dòng)操作系統(tǒng):iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。
一個(gè)移動(dòng)開發(fā)框架
將HTML躺屁、CSS棺棵、JS封裝為原始的App(Hybrid 混合App)
來(lái)自Adobe的PhoneGap產(chǎn)品
是Apache的頂級(jí)項(xiàng)目
1.3 Cordova 的優(yōu)點(diǎn)和缺點(diǎn)
優(yōu)點(diǎn) 缺點(diǎn)
跨平臺(tái),利于移植 不能使用設(shè)備的所有特性
能利用HTML5的各種特性 執(zhí)行速度慢
開發(fā)快速母怜、成本低 不像原生應(yīng)用缚柏,與系統(tǒng)不協(xié)調(diào)
1.4 Cordova 平臺(tái)在App開發(fā)的位置
2 Cordova的安裝
Cordova 文檔網(wǎng)址
2.1 安裝Node.js 網(wǎng)址:https://nodejs.org 選擇4.4.5 LTS版本
2.2 安裝Cordova CLI命令行工具 npm install -g cordova;
2.3 用Cordova 創(chuàng)建項(xiàng)目
cordova create hello com.example.hello HelloWorld
cd hello
cordova platform add browser
cordova platform rm browser
cordova platform add android
cordova platform rm android
cordova build
2.4 Cordova 項(xiàng)目的目錄結(jié)構(gòu)
config.xml: Cordova的核心配置
hook: 自定義擴(kuò)展功能
platform: 添加的運(yùn)行時(shí)币喧,例如Android,iOS,Browser等 注意不要修改這個(gè)文件
plugins: 引入的插件
www: 開發(fā)的目錄
一般的做法是將www目錄放到sublime工程目錄中,或者打開WebStorm 導(dǎo)入www目錄到工程中
2.5 建立一個(gè)項(xiàng)目 演示整個(gè)項(xiàng)目
瀏覽器顯示項(xiàng)目
安卓模擬器顯示項(xiàng)目
安卓真機(jī)顯示項(xiàng)目
問(wèn)題:cordova 建立的項(xiàng)目和phonegap建立的項(xiàng)目區(qū)別是什么干发?