2014年11月24日 星期一

Cordova + Eclipse for Android 環境安裝筆記

Cordova + Eclipse for Android 環境安裝筆記

參考資料: 


作業環境 : Windows 7 專業版 (32位元作業系統) 

開發環境 : 




    Node.js v0.10.33-x86

    Android 模擬器 : Genymotion  , 安裝 此版本 : genymotion-2.3.0-vbox.exe

    Genymotion安裝時,應附加安裝 Virtualbox !! 

    安裝 此版本 : VM VirtualBox 4.2.12.exe

   [20141105] 原w7電腦顯示卡的openGL 規格僅到1.0 ~ 而Genymotion 需為2.0以上。升級顯示器驅動程式,升級後 Genymotion 即可開啟模擬器。

    




步驟順序版本安裝紀錄 : 

 ※ 安裝、設定 : 
  一. 安裝 Java JDK
  二. 下載 Android ADT 
  三. 設定 Apache Ant
  四. 安裝 Node.js 
  五. 安裝 Cordova 4.0.0
 ※ 檢查環境變數 

※ 安裝、設定 :
一. 安裝 Java JDK
  版本: jdk 1.6.0_18

  下載完畢,需於系統內容 > 進階 > 設定「環境變數」。 
  使用者變數 :  JAVA_HOME : ...[檔案路徑]\Java\jdk1.6.0_18
  系統變數 (Path) :  %JAVA_HOME%\bin;

二. 下載 Android ADT
  版本: adt-bundle-windows-x86-20140702
  於官網下載 adt-bundle-windows-x(位元)-xxxxxxxx(版本).zip,並存於固定目錄下。

  下載完畢,需於系統內容 > 進階 > 設定「環境變數」。 
  使用者變數 :  ANDROID_HOME : ...[檔案路徑]\sdk
  系統變數 (Path) : %ANDROID_HOME%\tools; %ANDROID_HOME%\platform-tools;

三. 設定 Apache Ant 
  版本:  Apache Ant(TM) version 1.9.4
  於官網下載 Apache Ant.zip,並存於固定目錄下。

  下載完畢,需於系統內容 > 進階 > 設定「環境變數」。 
  使用者變數 :  ANT_HOME : ...[檔案路徑]\apache-ant-1.9.4
  系統變數 (Path) :  %ANT_HOME%\bin;

  四. 安裝 Node.js 
    版本: node-v0.10.33-x86.msi 
    於官網下載 Windows Installer (.msi),點擊下載檔即可進行安裝。

    確認 系統變數(Path) 已新增 : C:\Program Files\nodejs\;

  五. 安裝 Cordova 4.0.0
    1. 打開命令提示字元,確認Node.js 已安裝成功。
  
=> node -v
  
   2.開始安裝 Cordova 
  
=> npm install -g cordova




  ※ 檢查環境變數 
      1. 打開命令提示字元
 
=> java -version
=> ant -version
=> cordova -version
 


===============各階段參考資料===============
===Android ADT 安裝 參考資料====
http://www.csie.nuk.edu.tw/~wuch/course/csf645/android-sdk.htm

====Eclipse 建立新專案  AVD設定 ====
Eclipse AVD 設定

====Android 新增專案====

====驗證 ant 是否配置完成====
Android項目:通過ant重新打包proguard混淆器jar文件

==== Genymotion  安裝步驟參考 ====
最快的模擬器 Genymotion
Android開發環境 - Eclipse + Genymotion
Android模擬器Genymotion
推薦另一個 Android 模擬器 Genymotion
download OpenGL
[Android] 速度很快的模擬器Genymotion [Android VM]

==== cordova cli 建置步驟 ====
使用 Cordova 打包測試 Android App (Windows 7)
Cordova - 關於 config.xml        使用 CLI(Command-Line Interface) 安裝 Cordova
使用 Cordova 3.0 Hybrid App 就上手
Apache Cordova Documentation [中文版]


===============安裝問題紀錄===============
問題1 :
開啟Eclipse時,曾發生「Failed to create the Java Virtual Machine」的錯誤訊息
==============================
問題2:
操作eclipse 會不定期出現... PermGen space!! 訊息

eclipse.ini 增加容量
-Xms512m
-Xmx1024m
-XX:PermSize=256M
-XX:MaxPermSize=512M

Ps: Xms : 最小的記憶體,一開啟就直接配置。
Xmx : 最大的記憶體上限,記憶體用量不斷上升後的最大值。
-XX:+UseParallelGC : 使用平行式記憶體回收。
==============================
問題3:
Your project contains error(s),place fix them before running your application.

==============================
問題4:
Run 專案 Console 跳出 emulator-5554 disconnected! 訊息
解決 emulator-5554 disconnected !Cancelling錯誤

[Android]Eclipse連不上模擬器的問題[emulator-5554 disconnected] 

==============================
問題5:
Run 專案, LogCat 瘋狂跳出 eglCodecCommon 而模擬器停留在 cordova 初始畫面不動

發生問題原因為 專案為執行build動作。
導致一直停留在cordova初始畫面...((實際上已有成功執行app
但為舊畫面!!!!build後,即可正常運作~
p.s: 但還是會跑出eglCodecCommon  Error訊息~但僅執行app開啟時。

==============================
問題6   [ 20141229 ]
參照安裝步驟「安裝 Java JDK、下載 Android ADT、設定 Apache Ant、安裝 Node.js、安裝 Cordova 」後,檢查環境變數的時候,Cordova無成功訊息!!!

系統內容 > 進階 > 設定「環境變數」下的環境變數設定,據同事的問題點是因為 變數裡面有重複的設定路徑,導致路徑搜尋不到。

((但常理來說如果有重複的,不是會找到最前面那一段path路徑嗎?原來還會被干擾哦~?
同事整理path下的變數設定,就可以成功找到cordoava 環境了。


卒仔〞筆記 : 把遇到的問題,記錄在這邊~ 會陸陸續續增加... 遇到的問題點 : ]


2 則留言:

  1. 謝謝大大分享 想裝Cordova 妳這篇最完整

    回覆刪除
    回覆
    1. 哈哈哈 是你不嫌棄拉~~
      還在學習ing... XDDD

      刪除