phonegap 설치하기

cordova  4.1.2 기준으로 설명한다. (cordova --version 하면 나온다)

phonegap이 버전업이 되면서 기존 방식과 많이 다르게 바뀌엇다.

그래서 머리 돌아가는 줄 알았다. 단순 폰캡 설치뿐만 아니라 build환경까지 구축을 해야 하는데 문서가 중구난방으로 있어서 미치는 줄 알았다.

정리를 한다.

phone gap 설치

1. node.js 를 이용한다.

http://nodejs.org/ 에가서 node.js를 설치한다.

2. cordova 설치 ( npm은 node.js를 설치하면 생기는 명령어이다.)

npm install -g cordova

npm install -g phonegap

npm install -g plugman

3. Ant 설치. ( phonecap 빌드 할 때 ant 빌드를 이용한다. )

http://ant.apache.org/bindownload.cgi 에서 ant를 다운 받고 적당한 디렉토리에 압축을 푼다. (ex d:\ant)

시스템 환경 설정에서 path에 ant의 bin 디렉토리를 추가한다.  ex) d:\ant\bin;

4.안드로이드 개발관련 SDK 시스템 Path에 추가. ( 아래처럼 2개이다.)

C:\android\adt-bundle\sdk\platform-tools;

C:\android\adt-bundle\sdk\tools

기본적인 Phonegap 설치는 완료했다. 

phonegap으로 작업을 해보자.

1. phonegap project 설치. 

d:\>cordova create helloword    kr.or.jhpark HelloWorld  (cordova create 프로젝트이름 패키지이름  apk이름)

2. 플랫폼 추가.

d:\>cd helloworld

d:\helloworld>cordova platform add android

3. build 하기

d:\helloworld>cordoa build 

d:\helloworld\platforms\android\ant-build  여기에 apk 파일이 있다. 

CordovaApp-debug.apk 파일을 android폰에 복사하고 설치하면 된다.

이런 화면이 나오면 완료된것이다. 아주 기본적인 폰캡 실행화면이다. 

4. plugin 추가.

d:\helloworld>cordova plugin add org.apache.cordova.camera

d:\helloworld>cordova plugin add org.apache.cordova.file-transfer

d:\helloworld>cordova plugin add org.apache.cordova.device

d:\helloworld>cordova plugin add org.apache.cordova.file

d:\helloworld>cordova plugin add org.apache.cordova.geolocation

d:\helloworld>cordova plugin add org.apache.cordova.inappbrowser

5. 설치된 plugin 보기

d:\helloworld>ls plugins