注:本文主要介紹cordova的安裝及創(chuàng)建項目
1 Cordova簡介
1.1 Cordova是什么
Cordova前身是phonegap,而PhoneGap是Nitobi軟件公司2008年推出的一個框架,旨在彌補(bǔ)web和iOS之間的不足,使得web和iPhone SDK之間的交互更容易。后來又加入了Android SDK 和BlackBerry SDK,再然后又陸續(xù)加入了更多的平臺。但是在2011年,Nitobi公司被Adobe收購,PhoneGap也被提交到Apache Incubator。由于Adobe現(xiàn)在擁有PhoneGap商標(biāo),PhoneGap v2.0版產(chǎn)品就更名為Apache Cordova。據(jù)說Cordova是Nitobi團(tuán)隊當(dāng)時坐落的街道名稱,用此名來紀(jì)念Nitobi團(tuán)隊的貢獻(xiàn)。Apache Cordova是從PhoneGap中抽出的核心代碼,是驅(qū)動PhoneGap的核心引擎。
1.2 Cordova的工程結(jié)構(gòu)

2.cordova的安裝
2.1 安裝Node.js
要安裝Cordova,需要先安裝Node.js在Node.js官網(wǎng),上下載并安裝,下載好以后,一步一步點擊下去就好,可以的老鐵,沒毛病。
2.2 安裝git
git一般不用安裝,osx和linux都自帶git,可以在命令行輸入git --version檢查一下。如果沒有g(shù)it,需要到git官網(wǎng)下載安裝一個git客戶端。
2.3.檢查node npm
安裝好node,git,檢查node,npm的版本(打開終端時注意,系統(tǒng)帳號權(quán)限,使用管理員身份登陸的)已安裝的請忽略以上2 步。
node? -v
npm -v

使用node.js的依賴包管理工具npm來進(jìn)行cordova安裝(在安裝之前確認(rèn)是否受權(quán)限限制)使用? sudo -s 切換至管理員狀態(tài)。

sudo -s
2.4安裝cordova,
npm? install? -g? cordova

因為本人是第二次安裝,可能圖示稍微有點不同,不過基本如此,無傷大雅。
2.5檢查cordova是否安裝成功
檢查自己是否安裝成功cordova,出現(xiàn)版本號就是安裝成功啦!
cordova -v

3.創(chuàng)建你的第一個cordova項目
3.1新建項目
cordova create Demo com.YanSY.demo.hello HelloWorld

參考:
3.2添加支持平臺(我們這里只介紹ios的平臺)
所有后續(xù)命令在項目的目錄中進(jìn)行,可在該項目任何子目錄中,cmd切換到項目目錄下:
cd? Demo

在構(gòu)建項目之前,你需要指定一組目標(biāo)平臺。你能夠運(yùn)行這些命令取決于您的機(jī)器是否支持每一個SDK,合理是否已安裝SDK。在MAC上運(yùn)行命令:
cordova? platform add ios


如果需要查看Cordova支持平臺以及已經(jīng)添加的平臺,終端輸入命令:
cordova platform ls
刪除已添加的平臺:
cordova? platform? rm? ios
3.3添加插件
cordova plugin add com.phonegap.plugins.barcodescanner
cordova plugin add org.apache.cordova.file-transfer
cordova plugin ls
并非所有的插件都是全平臺支持的,有些可能只支持安卓,也有的可能同時支持安卓和iOS,所以在多平臺開發(fā)時,請慎重選擇插件。個人建議,可自定義插件類,可參考官網(wǎng)Cordova自定義插件。
參考:cordova插件庫;
3.4 迭代項目
在工程目錄下運(yùn)行下面的命令來構(gòu)建項目:
cordova? builb
注意:若是只添加了一種平臺此時構(gòu)建項目時應(yīng)該輸入 cordova build ios

4.運(yùn)行項目
4.1在xcode中運(yùn)行
步驟走完第三章,那么,一個簡單的Cordova項目就已經(jīng)搭建完成了,現(xiàn)在,我們運(yùn)行下我們工程。打開目錄下

4.2EventsCordova生命周期事件

4.3Plugin APIs自定義Plugin方法
附錄:
下一章主要介紹如何xcode的一些配置方法及注意的坑,如果有需要的可以看看。