提醒：
最近有朋友反饋說PhoneGap 打不開，這個是有新的API更新了，比以前更NB了，所以我也沒做這一塊，沒怎么關注：
最新的Cordova App 教程請先參考官網哦，目前工作任務有點緊張，暫時先不怎么更新了，需要的朋友請點擊我哦
本來進入公司想著只是負責一些維護更新呢，我是做iOS的，公司缺少移動端開發人員，沒辦法就負責iOS、安卓端的平臺了，但是好景不長，有點累人，公司決定APP往H5發展，因為有很多不同的APP，對于我這個懶人，不知道怎么去面對了，不顧我一向是向上的，開始決定花費一天時間稍作研究，具體的等日后再說，好了，開始具體來說環境配置
H5測試demo下載地址：PhoneGap iOS測試demo下載地址
（一）、 環境所需要的東西，我們來做一些整理
- 我們可以直接進入PhoneGap官網下載PhoneGap-2.9.1 目前更新了 ，替換不用了，如果詳細安裝教程請參考下面的鏈接 進入到官網
由于時間緊促：我暫時給你們提供一個另外一個教程：
Create your first Cordova app
這個教程值最直接明了的，我們來個圖片最直接哦
最新的Cordova App 安裝教程官網
進入到下載地址后是這個界面
在這里我選擇了2.9.1版本下載
- 在介紹一個使用性比較好的文檔就是PhoneGap生成APP的DOC文檔
- 接下來我們需要安裝的一個是npm 也就是H5的要用到的NODE.js下載地址 各自對應自己平臺的就行，我這里用的Mac OSX
- 下面我們先安裝一下node.js 下載好的一個.pkg 文件，雙擊安裝，和正常Mac 安裝應用程序一樣，
安裝完成之后我暫時不管位置了，處理接下來的操作 - 下面是解壓我們下載好的PhoneGap 2.9.1 ，解壓好之后我們可以看到如下的幾個文件，看到了吧，需要那個平臺就在對應的平臺的Lib添加一下就好
這個是解壓之后的文件
3.我們要用到一下結構的bin下的目錄，箭頭勾選的那個是Lib下的實例工程，可以雙擊打開，運行，我們先不做介紹，介紹bin下的主要操作，
打開我們的的終端控制器：
我的是在下載里面
有些不使用終端的也可以找到對應的bin 目錄直接拖進來就行了，前提是前面要先輸入一下cd+空格+文件路徑
- 接下來我們進入到bin 目錄下進行如下操作
繼續輸入./create /Users/plee/Desktop/Demo001 com.shunx.test HelloWorld- 其中Demo001 是我們創建的文件夾名字
- HelloWorld 是我們使用創建的工程名字，回車后就會出現一個文件夾，在桌面可以看到
創建之后可看到
終端的話我們繼續輸入cd
回到我們之前的界面
接下來使用命令cd /Users/plee/Desktop/Demo001/cordova
按下我們的鍵盤的Enter
接著輸入 ./build
然后回車即可
等待10秒左右即可看到一個提示** BUILD SUCCEDD **的字樣
接下來就可以使用我們的Xcode直接打開HelloWorld.xcodeproj文件
打開后的目錄如下多了一個WWW，的文件
打開的工程目錄如圖
運行結果可以選擇真機，也可以使用模擬器
模擬器運行結果
以上就是我們常說的用HTML5 開發APP的配置環境
- 那么接下來我們還要看什么呢？
工程中的www這個文件夾不可不看
我們知道HTML加載頁面要包含以下幾個東西：
HTML+CSS+JavaScript
CSS:代表樣式，其實就是我們看到的一些基礎配置，顏色，字體之類的顯示效果，這下簡單多了吧
HTML:一種標簽語言，可以和JS進行交互使用
重要的一部需要我們來完成
- (BOOL)application:(UIApplication*)application didFinishLaunchingWithOptions:(NSDictionary*)launchOptions
{
CGRect screenBounds = [[UIScreen mainScreen] bounds];
#if __has_feature(objc_arc)
self.window = [[UIWindow alloc] initWithFrame:screenBounds];
#else
self.window = [[[UIWindow alloc] initWithFrame:screenBounds] autorelease];
#endif
self.window.autoresizesSubviews = YES;
#if __has_feature(objc_arc)
self.viewController = [[MainViewController alloc] init];
#else
self.viewController = [[[MainViewController alloc] init] autorelease];
#endif
self.viewController.useSplashScreen = YES;
// Set your app's start page by setting the <content src='foo.html' /> tag in config.xml.
// If necessary, uncomment the line below to override it.
這個地方換成我們需要加載的頁面就可以了，
self.viewController.startPage = @"reg.html";
// NOTE: To customize the view's frame size (which defaults to full screen), override
//針對加載頁面的大小可以自己手動設置頁面大小，具體的還需要APP細致調節以下
// [self.viewController viewWillAppear:] in your view controller.
self.window.rootViewController = self.viewController;
[self.window makeKeyAndVisible];
return YES;
}
