發佈日期:
分類:
如何建立本機的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裝置,安裝後便看到內容。
發佈留言