IT Knowledge Base

~ Without sacrifice, there can be no victory ~

發佈日期:

分類:

如何利用PhoneGap‧建立第一個Android App

01. 第一步驟,當然是下載最新版的PhoneGap,現時最新版本是2.9。

02. 要用得Android開發,當然少不了Android SDK

03. 還有,就是使用PhoneGap時,需安裝的Java Development Kit (JDK) 7Apache 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畫面。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *