個人PhoneGap安裝配置經歷

 

1、PhoneGap簡介

PhoneGap是一個用基於HTML，CSS和JavaScript的，建立移動跨平臺移動應用程序的快速開發平臺。它使開發者可以利用 iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯繫 人，聲音和振動等，此外PhoneGap擁有豐富的插件，能夠調用。

2、嘗試安裝PhoneGap

如今常常在各大博客網站上看到PhoneGap的身影，因此打算跟隨潮流，利用空閒時間學習一下PhoneGap。

學習的第一步固然是安裝PhoneGap，可是安裝PhoneGap實在是個麻煩事兒。官網就只給了簡單的一句話。

To Install, ensure that you have NodeJS installed, then open your commandline and run the following:

C:\> npm install -g phonegap

那咱們就先按照官網來試試！

第一步、先安裝NodeJS，這個安裝比較容易，這裏就很少作介紹了。
第二步、在命令行輸入：npm install -g phonegap，可是這裏出錯了，錯誤以下：

C:\Users\Administrator>npm install -g phonegap
npm ERR! not found: git
npm ERR!
npm ERR! Failed using git.
npm ERR! This is most likely not a problem with npm itself.
npm ERR! Please check if you have git installed and in your PATH.

npm ERR! System Windows_NT 6.1.7601
npm ERR! command "D:\\Program Files\\nodejs\\\\node.exe" "D:\\Program Files\\nod
ejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "-g" "phonegap"
npm ERR! cwd C:\Users\Administrator
npm ERR! node -v v0.10.29
npm ERR! npm -v 1.4.14
npm ERR! code ENOGIT
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR!     C:\Users\Administrator\npm-debug.log
npm ERR! not ok code 0　

上面提示說是找不到git，既然這樣，那就安裝git。

安裝完git以後，再試，結果仍是同樣。

非常鬱悶，沒辦法了，只有谷歌百度，查找解決方案。

根據網上的一些方法和安裝教程忙活了半天，結果仍是不行，頓時心灰意冷了。

3、從新認識PhoneGap

過了幾天以後，在博客園發現一篇博文《使用PhoneGap開啓移動開發之旅》，幡然醒悟。

以後在查找資料過程當中發現了下面這句話：

如今PhoneGap的代碼已經貢獻給了Apache軟件基金會（ASF），而且更名爲 Apache Cordova。這個名字來源於溫哥華的科爾多瓦街（Cordova Street），它是建立PhoneGap時Nitobi公司的所在地。

至此，一切問題浮出水面，原來剛開始大方向就走錯了。

4、從新安裝PhoneGap（Cordova）

如今咱們只須要安裝Apache Cordova便可。訪問Apache Cordova官網，查看安裝方法。
安裝教程地址：http://cordova.apache.org/docs/en/3.5.0//guide_cli_index.md.html#The%20Command-Line%20Interface
下面簡述安裝步驟（在已經安裝完NodeJS的狀況下）：

第一步：安裝cordova

在OS X和Linux系統下輸入下面的命令：

$ sudo npm install -g cordova

在Windows系統下輸入：

C:\>npm install -g cordova

第二步：建立App

$ cordova create hello com.example.hello HelloWorld

第三步：添加各個平臺

$ cd hello
$ cordova platform add ios
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos
$ cordova platform add wp8
$ cordova platform add windows8
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos

以上平臺，根據須要添加。

第四步：構造App

$ cordova build

第五步：在模擬器或者設備上運行App

這裏以android開發平臺爲例，分別下載安裝最新的JDK、Android SDK、Apache Ant。
如下是下載地址：
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
http://developer.android.com/sdk/index.html
http://ant.apache.org/bindownload.cgi
安裝完成以後，記得配置好環境變量。
添加新的環境變量， 根據安裝路徑，調整下面的路徑:

ANDROID_HOME Value: C:\Program Files\adt-bundle-windows-x86_64-20140321\sdk
ANT_HOME Value: C:\Program Files\apacheant
JAVA_HOME Value: C:\Program Files\Java\jdk1.8.0_05

添加到Path

%JAVA_HOME%\bin;%ANT_HOME%\bin;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

以上完成後再在Android SDK的安裝目錄中，有SDK Manager.exe程序，在命令行中啓動該程序。
在Tools->Manage AVDs中，建立一個新的Android模擬器。

最後就能夠開始在Android平臺上編譯和運行咱們的的第一個PhoneGap程序了。

$ cordova emulate android

5、安裝遇到的一些問題

問題一：鏈接超時

C:\Users\Administrator>cordova create hello com.example.hello "HelloWorld"
Creating a new cordova project with name "HelloWorld" and id "com.example.hello"
 at location "C:\Users\Administrator\hello"
Downloading cordova library for www...
Error: connect ETIMEDOUT
    at errnoException (net.js:904:11)
at Object.afterConnect [as oncomplete] (net.js:895:19)

緣由：網址 https://git-wip-us.apache.org/ 速度太慢，致使超時

解決方法：
直接下載文件，解壓到www目錄下，如圖：
下載地址：https://github.com/apache/cordova-app-hello-world

問題二：

C:\Users\Administrator>cordova platform add android
Current working directory is not a Cordova-based project.

緣由：當前文件夾下不存在cordova項目，由於新建項目的時候，建立在hello文件夾下。

解決方法：

C:\Users\Administrator>cd hello

到這裏全文就結束了，不得不說安裝PhoneGap真是一件麻煩事。
謹以此文，獻給初學或想研究PhoneGap的讀者。

 

http://www.it165.net/pro/html/201407/17784.html