[cordova 3.0] Hello World

[ Cordova ] 3.0 Hello World

여지껏 새로운 툴을 해보면서 Hello World 찍는데 이런 난관이 있는 적은 처음이다.

헬로월드 띄우면 50% 성공한 거니깐~ 

일단 준비사항으론 .

1.Java 및 Android SDK 및 이클립스 설치. (생략..)

% 단 Path 는 정확하게 잡혀 있어야 한다.

ex ) 

JAVA_HOME : C:\Program Files\Java\jdk1.6.0_45

AND_HOME : C:\DevTools\adt-bundle-windows-x86_64-20140702\adt-bundle-windows-x86_64-20140702\sdk

Path : %JAVA_HOME%\bin;  %AND_HOME%\tools;%AND_HOME%\platform-tools;

2.Ant 설치 

안트로 프로젝트 안드로이드 플랫폼 add 할때 내부적으로 빌드하는 것 같다. 일단 설치.. 

http://ant.apache.org/bindownload.cgi  

여기서 다운 받고 원하는 폴더에 압축 풀고 환경변수에 또 등록을 해주자..

ANT_HOME : C:\DevTools\adt-bundle-windows-x86_64-20140702\adt-bundle-windows-x86_64-20140702\apache-ant-1.9.4

Path : %ANT_HOME%bin;

3.Git 설치

플러그인 추가를 Git 을 통해 하는 방식으로 바뀌엇으므로..

http://git-scm.com/downloads 

일단 받자..

GIT_HOME : C:\Program Files (x86)\Git

Path : %GIT_HOME%bin;

4. node.js 설치.

npm 이 먼지도 모르는데.. 나도 여기저기 찾아보다 알게 된 내용.. 노드.js 를 사용한단다니 설치..

http://www.nodejs.org/ 에서 최신 버전의 nodejs 설치

환경변수를 다 잡았으면.

재부팅~~

재대로 설정 되었는지 확인.

위와같이 git / android 도 확인 하고 제대로 설정이 되었다면~

프로젝트를 생성해 본다.

1. cordova Install

npm install -g cordova

2. I had to run the command multiple times before it would succeed, but that might have just been a connection issue.

 You also have to install plugman

해석안됨 해석좀..

npm install -g plugman 

3. Create Project

cordova create hello com.epong.test HelloCordova

4.Anroid Add 

cordova platform add android

5.build 

cordova build

여기까지 실행 하였다면~

이제 이클립스에 임포트 할 차례.

6. Import

임포트 하고 나면 cordova.jar 파일이 없어서 에러가 날 것이다...

여기서 부터 이거 하려고 엄청 삽질했었다.. jar 파일을 전엔 그냥 다운로드 받아서 썻엇는데.

7. Git 으로 안드로이드 타입 인스톨

git clone https://github.com/apache/cordova-android




8.Jar 만들기.

 

프로젝트 생성 위치에서 cordova-anroid > framework 으로  이동 후 

ant jar 하면 jar 파일이 생성된다.

android update project -p . -t android-19

ant jar

만들어진 jar 파일을 lib 폴더에 복사 후 다시 빌드하면~!!

이 화면을 볼 수 있게 된다 ~ .. 하 힘드네 이건 device 플러그인 설치 후 단말정보 뿌려준 화면~