我的PhoneGap安裝配置經歷


 

一、PhoneGap簡介

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

二、嘗試安裝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之后,再試,結果還是一樣。

很是郁悶,沒辦法了,只有谷歌百度,查找解決方案。

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

三、重新認識PhoneGap

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

之后在查找資料過程中發現了下面這句話:

現在PhoneGap的代碼已經貢獻給了Apache軟件基金會(ASF),並且改名為 Apache Cordova。這個名字來源於溫哥華的科爾多瓦街(Cordova Street),它是創建PhoneGap時Nitobi公司的所在地。

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

四、重新安裝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

加載中...

五、安裝遇到的一些問題

問題一:連接超時

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM