[폰갭] 폰갭(PhoneGap) 설치하기 2

이전 포스트 폰갭 설치하기 1과 이어집니다.

폰갭(PhoneGap) 설치하기 2

자 이전 포스트에서 폰갭을 설치하였습니다.

그럼 이제 안드로이드 프로젝트를 만들어 보겠습니다 

명령어는 cordova create hello com.example.helloworld HelloWorld입니다.

create뒤에 나오는 hello는 프로젝트를 생성할 폴더 이름입니다.

그 뒤에 나오는 com.example.hello는 프로젝트의 도메인이구요. 어떻게 하시던 상관은 없지만

통상적으로 com.으로 시작하여 앱개발자. 그리고 앱이름으로 적습니다.

그리고 맨 마지막의 HelloWorld는 앱이 시작했을때 보여줄 텍스트 입니다.

다시 설명 드리자면 CLI를 이용하여 앱을 생성하는 방법은

cordova 앱이름 com.앱개발사/앱개발자.앱이름  "앱이름" 입니다.

정상적으로 프로젝트가 생성되면 탐색기에서 확인이 가능합니다.

이제 프로젝트를 만들었으니 빌드를 해보겠습니다.

cd 명령어를 이용하여 생성된 프로젝트 폴더로 들어갑니다

cd hello

성공적으로 들어 왔으면 이 프로젝트가 안드로이드 프로젝트란 걸 설정해 주기위해

cordova platform add andorid 명령어를 입력합니다.

다음과 같이 정상적으로 출력되면 됩니다.

그 다음 cordova build 명령어를 입력하면 안드로이드 프로젝트 생성이 끝납니다.

이제 안드로이드 adt 번들에 들어있는 이클립스를 실행합니다.

메뉴의 File -> New -> Project -> Andorid -> Android Project from Existing Code를 누릅니다.

Root Directory의 Browser버튼을 눌러 아까 만든 hello 폴더의 위치를 잡아 주고

Finish 버튼을 누르면 ADT 좌측에 저희가 만든 프로젝트가 뜹니다.

그럼 이제 안드로이드 에뮬레이터를 만들어 보겠습니다,

메뉴의 Window - > Android Virtual Machine Manger -> Device Definitions 탭에가서

원하는 장치를 선택하시고 Create AVD버튼을 누르고

이름이랑 이것 저것 수정하시고  OK버튼을 누르면 안드로이드 에뮬레이터를 생성할 수 있습니다.

생성된 에뮬레이터를 선택하고 Start 버튼을 누르면 에뮬레이터가 실행됩니다.

 

에뮬레이터가 실행 되었으면 다시 CL로 가서

 

cordova emulator android 명령어를 입력하면..

 

 

다음과 같이 에뮬레이터에 정상적으로 실행 됩니다.

물론 이클립스에서 프로젝트 자체를 Run As 하여도 위와 같은 결과가 나옵니다.

CLI를 이용하여 앱을 실행하려면 먼저 안드로이드 에뮬레이터를 실행시키셔야 한다는 점 유의해 주시구요.

 

 

FIN.