[Android] 安裝 PhoneGap 3.3 流程(及問題排除)
2014-02-25 17:19
399 查看
安裝環境:Windows 7 / NodeJs 0.10.11
本次安裝: PhoneGap 3.3
------
之前有安裝 PhoneGap 成功過,但是採用的是非常麻煩的從 Eclipse 建立 Android 專案後開始丟檔案改設定
這次要再安裝時發現官網提供了 npm 的安裝方式,整個就是簡單許多!!!
官方建議的安裝方式為下
[/code]
看似很容易,但是我在執行 $ phonegap run android 卡關了兩次....所以做了整理
以下是安裝準備:
1. 安裝 J***A 的 JDK
2. 安裝 NodeJs (會一併安裝 npm)
3. 安裝 Apache Ant
4. 安裝 android 的 SDK
預設載點會把 eclipse 抓下來(檔案有點大),可以點下方的 "DOWNLOAD FOR OTHER PLATFORMS" 單獨選 SDK Tools
5. 安裝 PhoneGap,用命令提示字元 cmd 執行 (我習慣用系統管理者身分執行)
[/code]
要是 NodeJs 有安裝完畢,npm 指令卻找不到,那就是安裝時沒選到自動修改環境變數的選項,可參照下面 6 的作法檢查使用者變數或系統變數的 path 中是否有 npm 的路徑及 node 的路徑
6. 設定環境變數
在我的電腦上按右鍵 -> 內容 -> 系統進階系統設定 -> 進階 -> 環境變數
在使用者變數的區塊,新增名稱 J***A_HOME 值為 J***A 安裝路徑 C:\Program Files\Java\jdk1.7.0_21
新增名稱 ANT_HOME 值為 ANT 安裝路徑 C:\Program Files (x86)\apache-ant-1.9.3
修改 Path 屬性的值
保留原本的值,在原本的後面加上;%J***A_HOME%\bin\;%ANT_HOME%\bin\;SDK安裝目錄\tools\;SDK安裝目錄\platform-tools\
7. 設定完成後,命令提示字元要關掉重開才會生效
在命令提示字元 cmd 執行以下指令,檢測以上安裝是否成功,若安裝成功會印出版本資訊,失敗則會顯示找不到指令
8. 用 SDK tools 裡的 ***D Manager 建立 Android 模擬器,請記住新增時的 ***D Name (下面會用到)
9. 終於到最後一個步驟了,我比官網多了第三個指令,也就是用 cmd 的方式把模擬器打開 (請等模擬器開啟完畢再執行下一個指令)
要是模擬器有開啟成功,但是命令提示字元好像停住了,請嘗試按一下 Enter 鍵
注意: ***D 的名稱不是用指令 adb devices 查到的名稱唷! 是新增時自己設定的名稱
10. 應該在模擬器中已可看到 PhoneGap 運行,app 名稱是 MyAppName,畫面則是 create 時預設產生的程式 :)
若想要用 Eclipse 開啟專案請參考官方教學文件,裡面提到的 cordova 指令,可用
c:\> npm install cordova 安裝
-------
以下是執行 phonegap run android 時出現的問題排除
[error] An error occured during creation of android sub-project.
可能原因:未安裝 ANT、J***A 等環境,或者環境變數設定不正確導致 cmd 找不到指令
參考文章 http://stackoverflow.com/questions/19159253/an-error-occurred-during-creation-of-android-sub-project-because-a-path-is-not-f
Error: An error occurred while emulating/deploying the android project.
原因:無法自動開啟模擬器
參考文章
http://askquestions.in/cordova-android-emulator-stopped-working
https://github.com/phonegap/phonegap-cli/issues/220
另外有一個爬文看到的問題,
若手動開啟模擬器時,出現無法開啟的問題,有可能檔案不在 C 槽,
正常模擬器的檔案會在 C:\Users\使用者名稱\.android\avd 中
可能的解決方式 http://cheng-min-i-taiwan.blogspot.tw/2012/03/panic-could-not-open-cusers.html
本次安裝: PhoneGap 3.3
------
之前有安裝 PhoneGap 成功過,但是採用的是非常麻煩的從 Eclipse 建立 Android 專案後開始丟檔案改設定
這次要再安裝時發現官網提供了 npm 的安裝方式,整個就是簡單許多!!!
官方建議的安裝方式為下
Install
[code]C:\> npm install -g phonegap
[/code]
Usage
[code]$ phonegap create my-app $ cd my-app $ phonegap run android
看似很容易,但是我在執行 $ phonegap run android 卡關了兩次....所以做了整理
以下是安裝準備:
1. 安裝 J***A 的 JDK
2. 安裝 NodeJs (會一併安裝 npm)
3. 安裝 Apache Ant
4. 安裝 android 的 SDK
預設載點會把 eclipse 抓下來(檔案有點大),可以點下方的 "DOWNLOAD FOR OTHER PLATFORMS" 單獨選 SDK Tools
5. 安裝 PhoneGap,用命令提示字元 cmd 執行 (我習慣用系統管理者身分執行)
[code]C:\> npm install -g phonegap
[/code]
要是 NodeJs 有安裝完畢,npm 指令卻找不到,那就是安裝時沒選到自動修改環境變數的選項,可參照下面 6 的作法檢查使用者變數或系統變數的 path 中是否有 npm 的路徑及 node 的路徑
6. 設定環境變數
在我的電腦上按右鍵 -> 內容 -> 系統進階系統設定 -> 進階 -> 環境變數
在使用者變數的區塊,新增名稱 J***A_HOME 值為 J***A 安裝路徑 C:\Program Files\Java\jdk1.7.0_21
新增名稱 ANT_HOME 值為 ANT 安裝路徑 C:\Program Files (x86)\apache-ant-1.9.3
修改 Path 屬性的值
保留原本的值,在原本的後面加上;%J***A_HOME%\bin\;%ANT_HOME%\bin\;SDK安裝目錄\tools\;SDK安裝目錄\platform-tools\
7. 設定完成後,命令提示字元要關掉重開才會生效
在命令提示字元 cmd 執行以下指令,檢測以上安裝是否成功,若安裝成功會印出版本資訊,失敗則會顯示找不到指令
[code]C:\> java -version C:\> ant -version C:\> adb version C:\> emulator -version
8. 用 SDK tools 裡的 ***D Manager 建立 Android 模擬器,請記住新增時的 ***D Name (下面會用到)
9. 終於到最後一個步驟了,我比官網多了第三個指令,也就是用 cmd 的方式把模擬器打開 (請等模擬器開啟完畢再執行下一個指令)
[code]$ phonegap create my-app com.test.packagename "MyAppName" $ cd my-app $ emulator.exe -avd "***D的名稱" $ phonegap run android
要是模擬器有開啟成功,但是命令提示字元好像停住了,請嘗試按一下 Enter 鍵
注意: ***D 的名稱不是用指令 adb devices 查到的名稱唷! 是新增時自己設定的名稱
10. 應該在模擬器中已可看到 PhoneGap 運行,app 名稱是 MyAppName,畫面則是 create 時預設產生的程式 :)
若想要用 Eclipse 開啟專案請參考官方教學文件,裡面提到的 cordova 指令,可用
c:\> npm install cordova 安裝
-------
以下是執行 phonegap run android 時出現的問題排除
[error] An error occured during creation of android sub-project.
可能原因:未安裝 ANT、J***A 等環境,或者環境變數設定不正確導致 cmd 找不到指令
參考文章 http://stackoverflow.com/questions/19159253/an-error-occurred-during-creation-of-android-sub-project-because-a-path-is-not-f
Error: An error occurred while emulating/deploying the android project.
原因:無法自動開啟模擬器
參考文章
http://askquestions.in/cordova-android-emulator-stopped-working
https://github.com/phonegap/phonegap-cli/issues/220
另外有一個爬文看到的問題,
若手動開啟模擬器時,出現無法開啟的問題,有可能檔案不在 C 槽,
正常模擬器的檔案會在 C:\Users\使用者名稱\.android\avd 中
可能的解決方式 http://cheng-min-i-taiwan.blogspot.tw/2012/03/panic-could-not-open-cusers.html
相关文章推荐
- PhoneGap开发的android项目环境搭建简单流程
- PhoneGap开发的android项目环境搭建简单流程
- PhoneGap开发的android项目环境搭建简单流程
- Android事件分发详解(二)——Touch事件传入到Activity的流程
- Android中measure过程、WRAP_CONTENT详解以及xml布局文件解析流程浅析(下)
- android开机启动流程简单分析
- Android中View绘制流程以及invalidate()等相关方法分析
- Android CTS(兼容性测试)整个流程
- android简单程序破解流程
- android安全漏洞(六) 抢先接收广播 - 内因篇之广播接收器注册流程
- Android SystemService的启动流程
- android sip通话实现流程分析
- Android 中添加 AT 命令流程
- Android 4.0 ICS SystemUI浅析——SystemUI启动流程
- Android界面绘制流程--------How Android Draws Views
- opath移植笔记: 从iOS到BlackBerry and Android,从PhoneGap 1.2到2.0.0
- Android中View绘制流程以及invalidate()等相关方法分析
- Android 输入管理服务-输入事件到达之后的处理流程
- android中添加AT命令流程(转载)
- Intellij Idea12 旗舰版 安卓(Android) 开发环境搭建流程