Phonegap簡介
PhoneGap是一能夠讓你用普通的web技術編寫出能夠輕松調用api接口和進入應用商店的
html5應用開發平台,是唯一支持7個平台的開源移動框架。
優勢:
1.兼容性:多平台支持
2.標准化;
3.易學:html5+js
劣勢:
1.性能:圖形、數據處理等
2.還是性能,如果需要使用OpenGL進行圖形編程,使用插件形式加載,還是需要根據各個平台定制插件開發
安裝PhoneGap
本文以v2.9 為例,戳
解壓即可。
創建PhoneGap項目
進入PhoneGap目錄,創建項目指令./Create {Project Dir} {Package} {Project Name},如圖:

圖1
創建成功后,通過Finder可以看到目錄結構,如圖2:

圖2
XCode打開項目,如圖3:

圖3
圖3為項目結構,詳解如下:
1.從v2版本開始config.xml取代了原有的Cordova.plist,作為標准配置文件,我的理解就是Win8項目里的app.config。
2.config.xml定義了PhoneGap的API映射,代碼如下:
<feature name="InAppBrowser">
<param name="ios-package" value="CDVInAppBrowser"/>
</feature>
該節點定義引用PhoneGap內置瀏覽器。
3.config.xml可配置自定義插件,代碼如下:
<plugins> <param name="skydrivecommand" value="skydrivecommand"/> </plugins>
4.V2.9合並了一些常用插件,如用InAppBrowser取代了常用插件ChildBrowser。PhoneGap常用插件可從https://github.com/phonegap/phonegap-plugins 獲取。
5.項目Plugins文件夾下放置自定義插件文件,Ios環境包括一組Bundle, .m, .h, .xib和Js文件。Android、Win系統環境參考API文檔。
6.項目www文件夾下,即為PhoneGap編寫代碼的放置目錄,我們可以使用Html5+css5+引用各類Js框架實現不同的應用。
點擊Run,即可看到模擬器效果,如圖4:

至此,第一個PhoneGap App成功。:)
下篇來點干貨,探索驗證在真機環境下phonegap運行圖形,大數據的性能。
PS:
1.如果感覺模擬器不爽,想用IPhone/IPad真機調試,那也是沒有任何問題的。
真機調試配置請參見:戳
具體步驟:
- XCode Setting
- Project Setting
2.撰寫本文時,Adobe已經發布了最新的PhoneGap 3.0
安裝前置條件就是需要Node.js。
前往http://nodejs.org/下載相關版本的Node,並安裝。
然后在Mac環境下開啟命令行:輸入 npm -v,看下Node是否安裝成功。
繼續輸入sudo npm install -g phonegap,進入最新版本的安裝。
參考文檔:戳
