iOS之PhoneGap開發環境

由於在下最近在做基於HTML5的跨平臺移植,搭建環境的時候着實費了不少勁。現在空閒下來順便整理一下,給大家分享。
首先介紹一下PhoneGap。
PhoneGap是一款基於HTML5標準的跨平臺開源手機Web應用開發框架。它允許用戶通過Web技術訪問移動設備的本地應用、API接口及應用程序等。
PhoneGap的官方網站是http://www.phonegap.com。朋友們可以通過官方網站下載最新的PhoneGap及API文檔。

1.下載PhoneGap最新版本
下載地址:http://phonegap.com/download/

下載解壓到自定義文件夾。
如何在IOS平臺下搭建PhoneGap開發環境(PhoneGap2.5)
2.打開本地終端。(因爲我是做IOS移植的,所以這裏只介紹有關IOS平臺下的搭建環境。)
cd /Users/mac/Documents/myhome/phonegap-2.5.0/lib/ios/bin
(這裏是我的本地目錄,大家可根據自己的目錄自行查找)
 在當前路徑$./create /Users/mac/Desktop/demo2com.company.cxwj HelloWorld
 (這裏的意思是在桌面上創建一個項目名稱爲HellWorld的工程的文件夾)
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環境搭建了。祝大家順利。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章