2014년 2월 28일 금요일

Phonegap 3을 Eclips로 사용하는 방법

Phonegap 3 버전부터는 설치 부터가 쉽지않다. Phonegap 파일을 다운로드 받는게 아니라 node.js을 이용해서 command-line으로 다운로드 받게되어 있다. 이번 글에서는 Phonegap 3.x 버전을 설치하고 Eclipse에서 개발하는 방법을 적어보겠다.

Step 1. node.js 설치
http://nodejs.org/” 에서 node.js을 설치 한다. 설치중에 환경 Path을 추가할 것인지 물어보는데 꼭 추가해줘야한다.

Step 2. Andorid SDK Path 추가
sdk\platform-tools와 sdk\tools 디렉토리가 Path에 꼭 추가되어 있어야 한다. 안되어 있으면 나중에 에러가 쫙~

Step 3. Cordova(Phonegap) install
“npm install -g cordova” ← 설치를 시작한다. Maven 처럼 명령어를 실행할 때 그에 필요한 파일을 그때 그때 받아오는 것 같다. 설치되는 위치는 “C:\Users\username\AppData\Roaming\np”로 숨겨져 있는 폴더이다. npm에는 여러 명령어가 있는데 나중에 update 명령어도 cordova 최신버전으로 갱신할수 있다.

Step 4. 프로젝트 생성
기존 버전과 다르게 먼저 프로젝트를 만들고 다음에 지원할 Platform을 등록하는 방식이다.
프로젝트를 생성할 디렉토리로 이동한다.

hello 프로젝트에 MainActivity는 HelloWorld을 생성한다.
cordova create hello com.example.hello HelloWorld



cd hello

개발 플렛폼을 추가.
$ cordova platform add wp7
$ 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






Step 4. Command-line Build
“cordova build” 또는  “cordova build android”



Step 5. Run
cordova emulate android
cordova run android




이제부터 Eclipse에 프로젝트를 만들어 본다.
Step 6. Eclipse의 Android Project을 만든다.



Step 7. Import
Command-line에서 생성한 hello 프로젝트을 Root로 지정하고 하위의 2개 프로젝트를 import한다. 기존까지 jar. js로 배포되던 cordova 라이브러리가 각 프로젝트별로 Android library project로 제공된다. 실제 jar.js 파일을 찾고 싶다면 bin 밑의 “dexedLibs” 밑에 jar가 있고 js는 apk 파일을 만들어 내부의 “assets/www”에 있는걸 확인할수 있다.

아직 Phonegap 3 버전을 써보진 안았다. 많은 변화가 있듯 기존보다 더 좋아져 있길 바란다.

댓글 없음:

댓글 쓰기

ETL 솔루션 환경

ETL 솔루션 환경 하둡은 대용량 데이터를 값싸고 빠르게 분석할 수 있는 길을 만들어줬다. 통계분석 엔진인 “R”역시 하둡 못지 않게 관심을 받고 있다. 빅데이터 역시 데이터라는 점을 볼때 분산처리와 분석 그 이전에 데이터 품질 등 데이...