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

參考文檔:

 

 

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM