Mac OS X 下 Xcode + Phonegap 開發 iOS APP 初步

Phonegap實現了只要會開發網頁，就能寫出跨平台(iOS、Android、Windows Phone、Blackberry、Symbian、WebOS)APP應用軟體的可能性，開發者可以利用HTML/CSS/JavaScript快速開發服務，並且利用Phonegap封裝成可於各種平台上執行的APP。

下面就以Xcode為開發環境進行示範：

1. 先至官網下載和安裝新版Phonegap。


2. 開啟Xcode，並建立一個新的專案(Create a new Xcode Projec)。

建立一個新的專案

3. 設定專案名稱 (Project Name)，這裡以 "myClear" 為例。取消"Use Automatic Reference Counting"選項，並按下Next。(註1)

設定專案名稱

4. 選擇專案範本 - Cordova-based Application，按下Next。

選擇Cordova-based Application專案範本

5. 將已經開發好的Web-based APP目錄(www)，用滑鼠拖曳到myClear專案上。

用滑鼠將www目錄拖曳到專案上

6. 確認 Destination 勾選 Copy items into destination group's folder (if needed)項目，並選擇 Folders : Create folder references for any added folders。(註2)

確認Destination和Folder選項

7.發現myClear專案下，新增了www資料夾。

專案內已經新增www資料夾

8.選擇模擬器(Simulator)種類：

選擇Simulator

9. 按下Run執行

執行

10. iPhone模擬器上執行www (預設index.html) 內的APP (註3)

可以執行囉~

註1:若未取消"Use Automatic Reference Counting"選項，可能於開啟模擬器執行(Run)階段會發生一堆 "'NSAutoreleasePool' is unavailable: not available in automatic reference counting mode"錯誤。

註2:選擇"Create groups for any added folders"選項時，模擬器執行後可能會在手機畫面上出現"ERROR: Start Page at 'www/index.html' was not found."錯誤。

註3:www內的網頁程式以Evan You開發的HTML5-clear為範例。詳可參github取得最新的程式碼。