PhoneGap3+版本的安裝、配置和使用[圖]

如若轉載，請注明博文位址及原作者（RisingWonderland）。

PhoneGap2+版本最高為2.9.1，從3+版本開始，PhoneGap官方不再提供下載下傳安裝包，需要在聯網狀态下，通過Node.js工具下載下傳安裝。官方提供的安裝說明堪稱精簡楷模：

直接操作可能很多地方不明不白，本文提供3+版本的安裝、配置和使用的基本方法以及注意事項。

下載下傳安裝Ant

安裝3+版本的PhoneGap需要Ant，Ant是一款基于Java的打包工具。該工具在Apache官方網站提供下載下傳。

Windows環境的安裝方法：

1、從Apache下載下傳Ant。（或移步此處）

2、将Ant解壓縮至硬碟某目錄，如C槽根目錄：

3、将位于bin檔案夾内的ant.bat檔案所在路徑加入系統Path環境變量（“C:\Ant\bin”）。

下載下傳安裝Node.js

安裝3+版本的PhoneGap需要Node.js。在官方網站下載下傳安裝後，打開指令行，運作npm指令檢視輸出結果或運作node指令進入node指令行模式。如果成功，可以确認安裝成功。

下載下傳安裝PhoneGap

打開指令行，輸入“npm install –g phonegap”,開始下載下傳安裝PhoneGap最新版：

由于之前已經下載下傳成功，是以上圖中的http狀态碼是304，意為伺服器提供的版本與目前已安裝版本内容無異，不傳回新内容。

如果是首次安裝，http狀态碼應該是200。

PhoneGap安裝成功後，重新開機指令行工具，運作“phonegap”指令，可得到輸出結果（部分）：

如果運作“phonegap”指令得到的結果是“不是内部或外部的指令”，關閉指令行，嘗試關閉或重新開機可能施加影響的程式，或者重新啟動計算機。

在C槽的“node_modules”檔案夾下會看到名為“phonegap”的檔案夾，這裡是我們下載下傳的PhoneGap檔案。

配置

為了能夠使用PhoneGap建立并運作Android程式，需要進行一些配置。

安裝并配置JDK1.6+版本。

安裝Eclipse和Eclipse的Android環境。

更新Android的SDK至最新版。

為系統Path環境變量增加Andropid的SDK資訊。假設AndroidSDK檔案夾位于D盤根目錄，将“D:\sdk\tools”和“D:\sdk\platform-tools”加入Path環境變量。

為系統Path環境變量增加Eclipse的Android插件資訊：假設裝有Android環境變量的Eclipse軟體位于D盤根目錄，将“D:\eclipse\ plugins\org.apache.ant_1.8.2.v20120109-1030\bin”加入Path環境變量。

使用

打開指令行，将路徑切換至要建立PhoneGap應用的目錄下，如C槽根目錄。

執行指令“phonegapcreate hello”可以建立一個項目檔案夾名為“hello”的PhoneGap程式。建立成功後，可以在C槽根目錄看到“hello”檔案夾。

還可以使用更詳細的指令“phonegap create hello com.demo.hello HelloGP”建立一個項目檔案夾名為“hello”、項目包名為“com.demo.hello”、程式名為“HelloGP”的PhoneGap程式。

目前建立的還不是真正的Android程式，但是這些資訊會寫入config.xml檔案中。

執行指令“cdhello”，切換至hello目錄下。

之後，執行不同的指令可進行指定的操作：

“phonegapbuild android”指令用于建立Android項目，建立成功後，可以在“C:\hello\platforms”檔案夾内看到Android工程檔案；

“phonegapinstall android”指令用于在Android裝置上運作項目；

“phonegap-e install android”指令用于在Android虛拟裝置上運作項目；

“phonegaprun android”指令用于一步建立Android項目并在Android裝置上運作項目；

“phoengap–e run android”指令用于一步建立Android項目并在Android虛拟裝置上運作項目。

執行指令後，開始編譯運作Android程式。如果目前電腦并沒有連入可供測試的Android裝置，PhoneGap會嘗試運作Android虛拟裝置（avd）。如果使用者之前并沒有建立Android虛拟裝置，指令行會給出提示，程式終止：

如果目前電腦連接配接有可供測試的Android裝置，我們建立的Android程式可通過此裝置進行安裝測試：

基礎PhoneGap應用運作在手機上的截圖：

導入Eclipse

為了便于開發，我們需要将Android項目導入Eclipse。在導入的過程中發現有些地方容易出現問題。

在導入的過程中，選擇了項目檔案中的Android工程後，會遇到這一步：

從上圖中可以看出，項目檔案中含有兩個工程。上面的工程是我們建立的HelloGP程式，下面的工程是PhoneGap提供的類庫檔案，相當于3+版本之前的cordova.jar。我們要進行編輯的是上面的程式，但是兩個工程都要導入，而且“Copy projects into workspace”選項不能勾選，否則會出現缺失類檔案錯誤。是以在建立項目時，為了便于管理，不要建立在臨時工作區間。

導入工程後，項目工程與3+之前版本有所不同。assets不在www檔案夾内，“res/xml”目錄下沒有config.xml檔案，Activity中的super.loadUrl方法内接收的參數不是直接的html位址字元串。

更多資訊

更新PhoneGap至最新版的指令：npm update –g phonegap

檢視PhoneGap版本資訊的指令：phonegap version或phonegap –v

檢視PhoneGap詳細資訊的指令：npm info phonegap

安裝指定PhoneGap版本的指令：npm install –g phonegap@[具體版本号]

注意事項

有時在指令行編譯Android項目失敗，會有build-tools版本過低的提示，是以請打開SDK Manager，確定目前已經更新至最新版。

如果在确認配置正确的情況下，下載下傳PhoneGap失敗，可以再嘗試下載下傳幾次。如果依然失敗，考慮開啟科學上網模式。

如若轉載，請注明博文位址及原作者（RisingWonderland）。