最近突然想弄一下phonegap,之前一直是聽說，沒親自配置開發過。結果配置過程非常艱難啊。特別是android平台的配置，那叫一個麻煩，網上搜了半天都沒找到非常好的資料。文章也都是抄來抄去，最煩的就是抄來抄去的文章，沒親自測試過就轉發了，你轉發個毛線啊。事實證明還是得自己親自解決，花了兩天時間終於搞定。
寫下這篇文章希望對想開發phonegap的同學有所幫助。
最新的phonegap貌似用的是nodejs開發的
共有以下幾個步驟：
安裝nodejs環境、安裝phonegap、安裝xcode、安裝android SDK
跟我進入安裝phonegap的艱難之旅吧。。文章有點長不喜勿看
安裝phonegap3.0需要事先安裝nodejs環境，nodejs安裝非常簡單。直接上nodejs官網下載一個安裝包，打開安裝即可，安全沒有難度，我就不說了。
安裝完nodejs后，打開Terminal命令行工具輸入
$ sudo npm install -g phonegap
等待片刻即安裝成功
再當前目錄創建hello項目
創建phonegap項目名字暫時就叫helloworld吧，cordova即phonegap是由於adobe收藏原phonegap后另外取的名字而已
hello即項目名，com.example.hello為(id)命名空間, HelloWorld即APP名稱
$ cordova create hello com.example.hello HelloWorld
添加要編譯的平台
即項目開發完后要編譯出哪些平台的APP，如ios平台，android平台，Blackberry平台等，詳情支持哪些平台請看這里
http://docs.phonegap.com/en/edge/guide_platforms_index.md.html#Platform%20Guides
進入hello項目目錄
$ cd hello
添加ios平台
$ cordova platform add ios
在當前目錄下應該就可以看到如下文件結構
創建ios平台項目
$ cordova build ios
成功后你就可以看到
雙擊HelloWorld.xcodeproj這個文件就可以打開這個項目進行測試了
接下來就可以在xcode中正常的編譯、輸出、發布到appstore上了，前提是您得有開發者帳號哈。添加ios平台是如此的簡單
接下來是
添加android平台
$ cordova platform add android
如果你在運行此條命令前沒有安裝並配置正確的android SDK那么應該會報錯，我這邊報這樣的錯誤如圖
錯誤提示意思是大概是沒有安裝並正確配置android SDK
所以得在創建android平台之前先得去google下載最新的android SDK並添加至全局環境中
下載android SDK的網頁可能需要翻一下牆
下載到最新的SDK開發包解壓並放到某個目錄下，我是放在了User目錄下的Development目錄下，Development是自己建的如圖
由於下載的最新SDK只是個基本環境，你還得雙擊tools目錄下的android程序android SDK manager來下載更新安裝你需要的N個android版本可能會花點時間喲，如圖勾選你需要使用的版本，我是選了好多個的：
更新完SDK后得配置Android Virtual Device Manager即傳說中的AVD也就是android虛擬機
雙擊tools目錄下的monitor程序，monitor然后點擊window菜單下的monitor打開AVD管理器如圖
在AVD中點擊new按鈕，根據自己需要配置一個新的android虛擬器
好了，至此android SDK安裝完了。
將android SDK目錄添加到全局環境中
在Terminal中輸入
open ~/.bash_profile
打開文件后輸入這兩行
export PATH=/Users/willian/Development/android-sdk-macosx/platform-tools:$PATH
export PATH=/Users/willian/Development/android-sdk-macosx/tools:$PATH
具體的目錄需要更改為你放置android SDK的正確目錄
保存文件
並在Terminal內輸入
source ~/.bash_profile
此命令是剛剛的配置命令以即刻生效
好了，android的所有配置完成了。
繼續運行命令
$ cordova platform add android
發現還是不能添加成功，如圖
錯誤提示說是沒有安裝ant, 好吧，繼續安裝ant
安裝ant請先確保homebrew已經安裝了，這個東西您應該懂的，安裝一些程序時非常實用，首先請勿必更新homebrew否則安裝ant命令在mac ox 10.9內是不識別的
$ brew update
再安裝ant
$ brew install ant
發更還是報錯，還得安裝Command Line Tools
繼續運行
$ xcode-select –install
然后再運行
$ brew install ant
應該就安裝成功了如圖
至此運行
$ cordova platform add android
添加android平台就可以成功了
在文件目錄下應該可以看到如圖
使用eclipse就可以直接導入項目
在Terminal中輸入
$ cordova build android
即可編譯出apk文件在hello/platforms/android/bin目錄下可以找到
在模擬器中運行
$ cordova emulate android
安裝apk至android手機
$ phonegap install android
至此ios與 android平台的配置都已經OK了。Android的配置真是蛋疼啊。
如果安裝中碰到任何問題，請與我交流心得。謝謝
========================================================
轉載處請注明：博客園偷飯貓willian12345@126.com