PhoneGap是一個採用HTML，CSS和JavaScript的技術，建立移動跨平臺移動應用程式的快速開發平臺。我們的需求是將前端寫的只有靜態頁面的webapp專案打包成apk供他人安裝檢視或演示。這裡我記錄下我使用PhoneGap（命令方式）將本地的前端靜態頁面打包生成安卓apk安裝包的全過程。如有問題，請指正，謝謝！

一、jdk和android sdk環境變數配置

1. 下載安裝 jdk： jdk-8下載地址
   注意：在安裝過程中，一定要記住自己jdk的安裝路徑，後面配置環境變數要用。
   檢視是否安裝成功：win+r => cmd回車 => java -version 回車 出現下面情況則說明安裝成功
   

2. 配置jdk環境變數
   在path的變數值輸入框的最後面加上： C:\Program Files\Java\jdk1.8.0_111\bin;C:\Program Files\Java\jdk1.8.0_111\jre\bin;
   注意：如果原本的輸入框值結尾沒有分號 ; 還需要在結尾加上分號後在新增上面的路徑（該路徑為你自己的jdk安裝路徑）
   

3. 下載安裝android sdk

   方法一： 通過安裝android studio的方式，因為android studio中已經集成了sdk，則不需要我們再次去下載安裝了。

那麼，如何在android studio中檢視已經安裝的sdk路徑呢？

方法二 ：通過下載android sdk tools工具進行安裝

執行安裝檔案，直接點選下一步安裝android sdk tools，安裝成功後執行android sdk manager，可以看到以下介面。

然後選擇需要安裝的sdk版本，點選install安裝即可。

檢視是否安裝成功： win+r => cmd回車 => adb 回車 如出現以下情況則說明安裝成功

4. 配置sdk環境變數
在系統環境變數path的變數值後面追加以下配置（以下路徑為你的sdk安裝路徑）：
C:\Users\Administrator\AppData\Local\Android\sdk\tools;C:\Users\Administrator\AppData\Local\Android\sdk\platform-tools;

二、安裝PhoneGap並打包apk

如沒有安裝Node.js，請先點選Node.js官網 下載安裝。安裝成功後使用 node -v 可檢視安裝的版本。
1. 使用 npm install -g phonegap 安裝PhoneGap
2. 使用 npm install -g cordova 安裝cordova
3. 使用 phonegap create Demo com.phonegap.demo Demo 命令建立專案。也可使用 cordova create demo com.example.demo Demo 命令建立專案，不過個人建議使用前者，兩者建立的專案會有不同，對於啟動圖示和桌面圖示，使用前者圖示尺寸設定更全面。
4. 輸入命令切換到demo專案目錄下，使用 cordova platform add android 新增android環境，這時候會在專案目錄platform資料夾下生產android目錄。
5. 使用 cordova build android 構建apk，成功後便可在下面路徑中檢視到生產的apk安裝包。

這裡可能會報如下錯誤：

根據錯誤提示，我們將config.xml檔案中的該配置value改為16即可，原本是14。

不過，目前生成的安裝包是預設的頁面，並沒有嵌入自己的專案，接下來，就是將自己的專案放入其中了。

三、打包自己的靜態頁面

.
1. 將已經寫好的專案資料夾放到構建好的PhoneGap專案下的www目錄中

2. 修改config.xml配置檔案的入口檔案為自己專案的首頁, 如需要修改 app的名稱，在config.xml的name標籤中修改即可。

3. 使用 cordova build android 重新構建apk。然後安裝即可檢視到自己想要的webapp。

寫在最後，如果在輸入命令安裝的過程中報錯，請檢查以下地方是否正確：
a. jdk環境變數配置路徑是否正確
b. sdk環境變數及版本是否正確, 有時候命令列報錯可能是需要的版本不一致，請檢視你當前版本是否過低
c. 所需要的工具是否都已安裝成功。如遇到報錯，可重新建立phonegap專案，然後重新構建apk。