2014年1月8日 星期三

PhoneGap使用開發IOS

本篇記錄如何使用PhoneGap套用在IOS的App專案上

前置作業:
1.請先在Mac電腦上安裝好IOS的開發環境
2.請到PhoneGap網站下載PhoneGap檔案(我是使用PhoneGap 2.9.1),並解壓縮

步驟:
Step 1.解壓縮完後,請切換到PhoneGap-2.9.1→lib→ios→bin資料夾底下


請先執行選擇:create檔案→右鍵→打開檔案的應用程式,點選:終端機.app

當點擊:終端機.app,會看到如下視窗:
請看到紅色框框,此處就是待會要下指令建立PhoneGap ios專案的指令
path_to_new_project:建立專案的路徑名稱,包含專案資料夾名稱
package_name:請自行看英文解釋,簡單講就是像android建立專案時要我們輸入的package
project_name:專案名稱

Step 2.PhoneGap-2.9.1→lib→ios→bin資料夾,按右鍵→選擇:「新增位於檔案夾位置終端機」並下指令,如下圖。

P.S如果指定的路徑有錯,會出現其它訊息

Step 3.建立成功後,請到剛剛建立專案的資料夾底下打開檔案(我的開發環境是xcode 5),點選左邊的config.xml,找到content標籤修改src屬性改成自己的網頁即可,最後請執行看看是否成功。



沒有留言:

張貼留言