1. 程式人生 > >PhoneGap3+版本號的安裝、配置和使用[圖]

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

結果 apache height avd fig blog 所在 modules mar

如若轉載。請註明博文地址及原作者(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。意為server提供的版本號與當前已安裝版本號內容無異。不返回新內容。

假設是首次安裝,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”目錄內看到Androidproject文件。

“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。在導入的過程中發現有些地方easy出現故障。

在導入的過程中。選擇了項目文件裏的Androidproject後。會遇到這一步:

技術分享

從上圖中能夠看出,項目文件裏含有兩個project。上面的project是我們創建的HelloGP程序,以下的project是PhoneGap提供的類庫文件,相當於3+版本號之前的cordova.jar。我們要進行編輯的是上面的程序。可是兩個project都要導入,並且“Copy projects into workspace”選項不能勾選,否則會出現缺失類文件錯誤。所以在創建項目時,為了便於管理,不要創建在暫時工作區間。

導入project後,項目project與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)。



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