1. 程式人生 > 實用技巧 >如何在IOS平臺下搭建PhoneGap開發環境(PhoneGap2.5)

如何在IOS平臺下搭建PhoneGap開發環境(PhoneGap2.5)

由於在下最近在做基於HTML5的跨平臺移植,搭建環境的時候著實費了不少勁。現在空閒下來順便整理一下,給大家分享。

首先介紹一下PhoneGap。PhoneGap是一款基於HTML5標準的跨平臺開源手機Web應用開發框架。它允許使用者通過Web技術訪問移動裝置的本地應用、API介面及應用程式等。PhoneGap的官方網站是http://www.phonegap.com。朋友們可以通過官方網站下載最新的PhoneGap及API文件。這裡說一下我的開發環境。(mac os 10.8.2/xcode 4.6 SDK6.1/PhoneGap2.5/測試機ipad1,ipad2均為ios6.1.2)——————————————————————————————————————————————分割線下方為具體操作步驟——————————————————————————————————————————————1.下載PhoneGap最新版本下載地址:http://phonegap.com/download/我下載的版本為2.5.下載解壓到自定義資料夾。
如何在IOS平臺下搭建PhoneGap開發環境(PhoneGap2.5)
2.開啟本地終端。(因為我是做IOS移植的,所以這裡只介紹有關IOS平臺下的搭建環境。)cd /Users/mac/Documents/myhome/phonegap-2.5.0/lib/ios/bin(這裡是我的本地目錄,大家可根據自己的目錄自行查詢)在當前路徑$./create /Users/mac/Desktop/demo2 com.company.cxwj HelloWorld(這裡的意思是在桌面上建立一個專案名稱為HellWorld的工程的資料夾)如何在IOS平臺下搭建PhoneGap開發環境(PhoneGap2.5)
注:圖中的錯誤是因為我桌面上一個相同檔名稱的資料夾。大家不要跟我犯同樣的錯誤。3.在終端中直接cd回到原始預設路徑。然後進入我們桌面資料夾的cordova路徑。在該路徑下執行$./build如何在IOS平臺下搭建PhoneGap開發環境(PhoneGap2.5)
直到你看到成功字樣。如何在IOS平臺下搭建PhoneGap開發環境(PhoneGap2.5)
4.這時候開啟桌面上你建立的demo資料夾。然後用xcode開啟裡邊的demo工程,用虛擬機器執行一下 如果看到下圖你就成功了。如何在IOS平臺下搭建PhoneGap開發環境(PhoneGap2.5)
5.接下來我們繼續看工程。Xcode左邊的樹形結構應該是這個樣子。看到www檔案夾了吧 這裡邊就是你的HTML5的程式所在了。如何在IOS平臺下搭建PhoneGap開發環境(PhoneGap2.5)
以上就是PhoneGap環境搭建了。祝大家順利。