[Phonegap] 안드로이드 스튜디오에서 폰갭 설치 및 사용하기

폰갭을 설치할 때는 NodeJS를 이용해서 설치하는 방식을 지원한다. 따라서 폰갭설치를 위해서 사전에 NodeJS를 먼저 설치해 준다.

- NodeJS 설치 : http://nodejs.org/

NodeJS가 설치된 후 윈도우즈 cmd 창을 열고 아래와 같이 입력하여 phonegap 설치

C:\> npm install -g phonegap

다음은 안드로이드 환경에 맞게 phonegap 디렉토리를 생성하여 설치를 완료한다. 이 과정을 수행할 때는 사전에 ant가 설치되어 있어야 한다.

- ant 설치 : http://ant.apache.org/

ant 다운로드 후 압축을 풀고 bin 디렉토리 path를 지정한다.

또한 JDK의 bin, Android SDK의 platforms-tools, tools 디렉토리 path를 지정한다.

원하는 경로에서 아래 명령을 수행하면 phonegap 설치가 완료된다.

$ phonegap create my-app[경로] com.test.myapp[패키지명] MyApp[프로젝트명]

$ cd my-app

$ phonegap platform add android

$ phonegap run android <-- 가상 머신을 실행해서 생성된 폰갭 프로젝트 구동(생략하고 안드로이드 스튜디오 작업으로 넘어가도 됨)

안드로이드 스튜디오에서 phonegap이 적용된 프로젝트 생성하기

Import project(Eclipse ADT, Gradle, etc.) 항목 선택

import할 Project 경로 지정

기본값을 유지하고 [Next] 클릭

기본값을 유지하고 [Next] 클릭

기본값을 유지하고 [Next] 클릭

기본값을 유지하고 [Next] 클릭

기본값을 유지하고 [Next] 클릭

기본값을 유지하고 [Finish] 클릭

아래와 같이 폰갭이 적용된 프로젝트가 생성된다.