發佈日期:
分類:
如何利用PhoneGap‧建立第一個Android App
01. 第一步驟,當然是下載最新版的PhoneGap,現時最新版本是2.9。
02. 要用得Android開發,當然少不了Android SDK。
03. 還有,就是使用PhoneGap時,需安裝的Java Development Kit (JDK) 7及Apache Ant。請根據您的作業系統是Windows 32/64 bits,安裝相關JDK 7不同版本。
04. 在PhoneGap網頁,有一份很清楚的安裝指引,有需要可參考內容。
05. 現在下載回來的應該有5個檔案,假設檔案全都放在c:\\android位置。
06. 先安裝Java Development Kit 7的32 bits或64 bits檔案。
07. 再把apache-ant-1.9.1-bin.zip、phonegap-2.9.0.zip、及adt-bundle-windows-x86_64-20130522.zip檔案解壓出來。
08. 設定好Windows系統中Apache Ant及Java的路徑。選擇左下角『開始』、『電腦』、滑鼠右鍵、『內容』。再在左邊目錄選、『進階系統設定』。在最上面目錄選『進階』、『環境變數』。
09. 根據您安裝Java程式位置,建立JAVA_HOME路徑。
10. 根據您的Apache Ant解壓位置,建立ANT_HOME路徑。
11. 在path位置,增加Java及Ant內bin資料夾路徑,及adt-bundle-windows-x86_64-20130522\\sdk\\platform-tools和adt-bundle-windows-x86_64-20130522\\sdk\\tools資料夾路徑。完成後重新啟動電腦。
以我的例子,4條路徑內容為: C:\\android\\adt-bundle-windows-x86_64-20130522\\sdk\\platform-tools; C:\\android\\adt-bundle-windows-x86_64-20130522\\sdk\\tools; %JAVA_HOME%\\jdk1.7.0_25\\bin; %ANT_HOME%\\bin;
12. 進入『命令提示指元』程式,輸入java或ant,會看到相關程式被執行。
13. 進入『adt-bundle-windows-x86_64-20130522』資料夾,執行『SDK Manager.exe』檔案。
14. 下載最新的Android Packages。
15. 接受協議及開始下載。
16. 進入『命令提示指元』程式,轉到『phonegap-2.9.0』資料夾內『\\lib\\android\\bin』位置,建立第一個App內容。
cd \\ cd c:\\android\\phonegap-2.9.0\\lib\\android\\bin create firstapp
17. 進入『adt-bundle-windows-x86_64-20130522\\eclipse』資料夾,執行『eclipse.exe』檔案。
18. 選擇workspace位置,用預設就可以。
19. 選擇左上角『File』、『New』、『Other』。
20. 選擇『Android Project from Existing Code』再按『Next』。
21. 在Import Project中的『Root Directory』位置,輸入剛才建立firstapp位置,同時複製到現存Workspace內,按『Finish』。
22. 完成後,會在左邊看到cordovaExample,表示內容已被載入。
23. 按上面目錄『Run』,再選擇『Run As』、『Android Application』。
24. 如之前未有設定Android Virtual Device,會被要求設定。
25. 隨便設定一部Android Device就可以。
26. 選擇Android Virtual Device,按『OK』開始載入系統。
27. 開始一段長時間等待。
28. 如成功載入,會看到Android畫面及Apache Cordova畫面。
發佈留言