Please Enable JavaScript!
Gon[ Enable JavaScript ]

안드로이드(Android) PhoneGap, 이클립스 플러그인 설치로 좀더 쉽게 개발하기

 

개발환경 : window 7 64bit, Eclipse Mars, Android 4.2.2

 

PhoneGap 을 편리하게 개발할수 있는 플러그인이 존재합니다.

프로젝트를 생성할 때 편리하며 jQuery 기반의 샘플도 제공

하고 있어서 많은 도움이 될 것입니다.

 

 

현재 PhoneGap 플러그인은 오픈소스로 개발이 되고 있는데

소스를 받을수 있는 곳은 google code 에 있습니다.

http://code.google.com/a/eclipselabs.org/p/mobile-web-development-with-phonegap/

 

안드로이드(Android) PhoneGap, 이클립스 플러그인 설치로 좀더 쉽게 개발하기

 

이클립스 설치를 위해 페이지에 있는 download 주소를

복사합니다. 이클립스로 가서 Install New SoftWare 메뉴를

클릭해서 저정소 추가 화면을 띄웁니다.

위에서 복사한 주소를 넣고 추가합니다.

안드로이드(Android) PhoneGap, 이클립스 플러그인 설치로 좀더 쉽게 개발하기

 

아래와 같이 다운로드 목록이 나오게 되네요

모두 설치하고 이클립스를 재시작합니다.

안드로이드(Android) PhoneGap, 이클립스 플러그인 설치로 좀더 쉽게 개발하기

 

설치가 끝났으면 상단에 아이콘위치로 가봅니다.

전화기 모양이 있는 것을 볼수 있습니다.

안드로이드(Android) PhoneGap, 이클립스 플러그인 설치로 좀더 쉽게 개발하기

 

전화기 아이콘은 PhoneGap 프로젝트를 생성할수 있도록

도와주는 위자드 화면을 띄웁니다. 잠깐 봐야될것이

현재 2.9.2 까지 나왔는데 최고 버전이 1.9.0 이네요.

아래 Enter path to Installed PhoneGap 을 체크해서

최신버전을 링크해도 되지만 이미 만들어진 API 들이

안돌아 갈까봐 기본대로 했습니다.

jQuery Mobile 체크하고 다음으로 넘어갑니다.

안드로이드(Android) PhoneGap, 이클립스 플러그인 설치로 좀더 쉽게 개발하기

 

프로젝트 명을 넣고 다음으로 넘어갑니다.

안드로이드 API 설정하는 화면등이 나오는데

체크하시고 끝냅니다.

안드로이드(Android) PhoneGap, 이클립스 플러그인 설치로 좀더 쉽게 개발하기

 

전부 완료되면 assets 폴더에 선택한 버전의 js 와 각종

파일들이 생기게 됩니다. 그리고 시작화면인 index.html

에는 샘플 API 실행을 위한 소스들이 있네요.

안드로이드(Android) PhoneGap, 이클립스 플러그인 설치로 좀더 쉽게 개발하기

 

프로젝트를 실행하게 되면 아래 그림과 같이 API 데모 예제가

나오게 될겁니다. 앞으로 이것들을 하나하나 뜯어 볼 생각입니다.

안돌아가고 에러나는 것도 있긴한데 API 버전에 맞게

수정하면 될거 같습니다.

안드로이드(Android) PhoneGap, 이클립스 플러그인 설치로 좀더 쉽게 개발하기

 

Posted by 녹두장군

댓글을 달아 주세요