상세 컨텐츠

본문 제목

폰갭(Phonegap 3.5) 설치하기

프로그램개발/Phonegap

by fsteam 2014. 7. 7. 14:24

본문

예전 phonegap 초기 버전에서 설치하고 사용했던 기억이 있는데..

그때는 그냥 쉽게 설치하고.. 사용했던거 같은데 이번에 새로 설치해보니 많이 바뀌었다.




가장 중요한 부분은 플러그인이 개별설치 해야된다는 것이다.

예전에는 폰갭 설치하면 기본적으로 웬만한 플러그인과 퍼미션이 자동으로 추가되어 있었고,

불필요한 플러그인이나 퍼미션은 제거해 주는 구조였던 것으로 기억한다.

하지만.. 프로그램이 무거워져서 그런것인지 보안때문인 것인지.. 

폰갭 설치후에 플러그인별로 개별적인 설치가 필요했다.


간략한 폰갭 설치방법은 다음과 같다. 3,4,5 번 과정은 안드로이드일 경우에만 필요하다.


1. node.js 설치

http://nodejs.org/


1-2. git 설치 : 윈도우의 경우

http://git-scm.com/download/win


1-3. git 설치 : OS X 의 경우

Xcode and Command Line Tools 설치


2. cordova 설치

npm install -g cordova

npm install -g phonegap

npm install -g plugman


3. apache ant 설치

http://ant.apache.org/bindownload.cgi 에서 다운로드

시스템 변수 추가 : ANT_HOME 으로 설치된 디렉토리 지정

PATH 추가 : %ANT_HOME%\bin;


4. 안드로이드 ADT 를 path에 추가

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


5. JAVA_HOME 변수 설정

JAVA_HOME : C:\javasoft\jdk1.7.0_21


6. 테스트 프로젝트 생성

cordova create hello com.hello HelloWorld


7. 플랫폼 추가

cd hello

cordova platform add android

cordova platform add ios


8. 플러그인 추가

cordova plugin add org.apache.cordova.camera

cordova plugin add org.apache.cordova.file-transfer

cordova plugin add org.apache.cordova.device

cordova plugin add org.apache.cordova.file

cordova plugin add org.apache.cordova.geolocation

cordova plugin add org.apache.cordova.inappbrowser



cordova build

관련글 더보기