IT Knowledge Base

~ Without sacrifice, there can be no victory ~

發佈日期:

分類:

如何建立本機的PhoneGap 6.2.9 Android執行環境

01. 大家會問,要那麼麻煩,Adobe不是有PhoneGap Build Service嗎?

02. 如果真的是那麼簡單,就不需要寫這篇記錄。PhoneGap本身有很多版本,Adobe網上的PhoneGap Build Service,是基於最新版本而提供。那即是需要其他的Phonegap版本,就需要自己來做。另一個預到的問題,程式碼好像是有問題的,但PhoneGap Build Service提供的資料,好像是幫不到忙。所以,最後還是要自己建立一個PhoneGap執行環境。

03. 要建立PhoneGap執行環境,你需要4樣軟件。

04. 第一,需要Java JDK,最新的版本就是Java SE Development Kit 8u92。

05. 第二,需要Apache Ant,最新的版本就是1.9.7。

06. 第三,需要Android SDK,建議下載android-sdk_r24.4.1-windows.zip (No installer)。因為之後需要用到安裝後的路徑。

07. 最後,需要Node.js,那是用來下載Phonegap。

08. 安裝Java JDK,記著安裝路徑,如果是x64系統,會是C:\\Program Files\\Java\\jdk1.8.0_92。

09. 解壓Apache Ant,為方便之後使用,就放在C:\\android\\ant內。

10. 解壓Android SDK,為方便之後使用,就放在C:\\android\\sdk內。

11. 執行『C:\\android\\sdk』目錄內的SDK Manager.exe檔案。

12. 勾選『Android SDK Tools』、『Android SDK Platform-tools』、『Android SDK Build-tools』以及Android 6.0 (API 23)內的『SDK Platforim』,再按右下方的『Install 5 packages』按鈕。為甚麼是Android 6.0 (API 23)呢?因為Phonegap 6.2.9需要用到的就是Android 6.0 (API 23),如果使用其他的Phonegap版本,便需要不同的Android系統。

13. 接受協議,安裝有關軟件。

14. 安裝Node.js,完成後打開Windows的『命令提示字元』工具。

15. 輸入以下內容,安裝Phonegap。

npm install -g phonegap

16. 輸入以下內容,可檢查安裝的Phonegap版本。

phonegap --version

17. 當然也可以安裝較舊的版本。例如安裝Phonegap版本5.2.0,便可以輸入以下內容。下圖是Phonegap現時可以下載到的版本資料。

npm install -g phonegap@5.2.0

18. 在Windows的『控制台』、『系統及安全性』、『系統』,按下左邊的『進階系統設定』一項。

19. 在上面選『進階』,再按『環境變數』按鈕。

20. 在上面『使用者變數』一項,新增以下2個資料。

21. 在下面『系統變數』一項,選『Path』一項再按『編輯』按鈕。

22. 在變數值一項最後位置,加上以下內容。

%JAVA_HOME%/bin;%ANT_HOME%/bin;C:\\android\\sdk\\platform-tools;C:\\android\\sdk\\tools;

23. 到此完成設定PhoneGap 6.2.9的執行環境。再次打開Windows的『命令提示字元』工具,輸入以下內容,建立一個新的PhoneGap檔案。

phonegap create c:\\helloworld

24. 嘗試建立Android執行檔。轉到helloworld目錄,輸入以下內容。

cd\\helloworld
phonegap build android

25. 在C:\\helloworld\\platforms\\android\\build\\outputs\\apk位置,會找到有關apk檔案。

26. 把檔案抄到Android裝置,安裝後便看到內容。

發佈留言

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