폰갭 설치하기 phonegap install nodejs android sdk

phonegap 환결 구성하기

폰갭을 이용하면 안드로이드, IOS 등 여러가지 버전 어플을 한가지 소스로 만들 수 있습니다. 하지만 장점도 있지만 단점도 있어요. 네이티브한 코딩을 할 수 없다는 것이 단점이지만 네이티브한 작업이 필요 없는 부분에선 폰갭을 사용하게 되면 비용절감과 빠른 작업이 가능해집니다.

폰갭으로 어플을 만드려면 설치부터 해야 겠죠. 

설치 순서는

1. java JDK 설치

2. Android SDK 설치

3. Apache Ant 설치

4. node.js 설치 

5. Phonegap 설치

순서로 설치 하겠습니다. 

지금부터 설치하는 프로그램들에 설치 폴더를 메모장에 꼭 복사하세요. 안그러면 다시 찾아야 합니다. 중요!!!!!!!!!!!!!!!!!!!!!

1. java JDK 설치

http://www.oracle.com/technetwork/java/javase/downloads/index.html

위 사이트에 접속 하신 후  JDK 들 다운로드 후 설치 하시면 됩니다.

설치가 완료되면 환경변수를 넣어야 합니다. 

환경변수를 불러오는 방법은 "내 컴퓨터" 우클릭 -> 속성 -> 고급 시스템 설정

그럼 위와 같은 창이 나오고 "환경변수"를 클릭하면 됩니다.

위 이미지가 환경변수를 저장할 수 있는 부분입니다. 

"시스템 변수" 영역에서 새로만들기 버튼을 클릭 후 java JDK  path를 설정해주면 됩니다.

변수 이름 : JAVA_HOME

변수 값 : java JDK를 설치한 폴더

그리고 시스템 변수에 보면 path라는 부분이 있습니다. 그 부분을 찾아서 편집을 누릅니다.

변수값 부분에서 제일 마지막 부분에 %JAVA_HOME%/bin을 넣습니다.

이 방법은 앞으로 계속 설치하는 프로그램들에 환경변수 저장하는 부분에서 계속 반복 됩니다. 

2. Android SDK설치

http://developer.android.com/sdk/index.html

위 사이트 접속 후 아래 부분으로 계속 내려가다 보면

SDK Tools Only 부분이 있습니다. 그 곳에서 android sdk를 다운 받아서 설치 합니다 .

설치가 완료되면 환경변수를 설정합니다.

변수이름 : ANDROID_HOME 

변수값 : android sdk를 설치한 경로

path에 ANDROID_HOME 관련 변수를 저장합니다.

path -> %ANDROID_HOME%\platform-tools 와 %ANDROID_HOME%\tools

android SDK Manager를 실행 한 후 Android 5.1.1(API22)에서 SDK Platform을 설치하시면 됩니다. 

3. Apache Ant 설치

Apache Ant는 설치가 아니고 압축파일을 풀기만 하면 됩니다.

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

셋 중 아무거나 다운로드하세요. 압축형식이 다른 것입니다.

환경변수를 저장합니다. 

변수 이름 : ANT_HOME

변수 값 : Apache Ant 경로

path -> %ANT_HOME%\bin    추가

4. node.js 설치

https://nodejs.org/en/

위 사이트에서 node.js를 다운로드 후 설치 합니다.

V4.2.4 LTS를 다운받아 설치

5. phonegap 설치

http://phonegap.com/

위 사이트에서 폰갭을 다운받아 설치합니다.

Getting Started Guides를 클릭

Windows를 클릭

Windows Installer 클릭 후 설치

설치가 완료 되면 아래와 같은 이미지가 나옵니다. 자동으로 나오지 않으면 

실행 -> 프로그램 -> adobe -> phonegap에서 실행 하면됩니다.

이제 폰갭을 빌드하는 방법입니다.

폴더명은 꼭 영문으로 해야 합니다. 한글폴더명이 섞여 있으면 에러 납니다.

실행 -> 프로그램 -> node.js -> node.js command prompt 를 실행합니다. 

nodejs 프롬프트 실행 되면

1. npm install -g phonegap 을 입력합니다. 그럼 폰갭이 설치되게 됩니다.

1. mkdir phonegap

2. cd phonegap

3. phonegap create sample

4. cd sample

5. phonegap platform add android

6. phonegap build android

위와 같이 하면 폰갭 빌드까지 끝났습니다. 

이제는 본격적으로 폰갭을 이용하여 어플을 만들면 됩니다.