First App on Phonegap | Cordova

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,進入最新版本的安裝。

參考文檔：戳