Meadows of wild horses

Blog...

Phonegap-Android

| Comments

사용 환경

  • 모델명 : MacBook Pro
  • 모델 식별자: MacBookPro8,1
  • 메모리: 4 GB
  • Eclipse: v4.2.1

요구 환경

  • Eclipse 3.4+

Eclipse Classic 설치

Eclipse 다운로드

이클립스 공식 사이트 Eclipse Classic에서 다운 받습니다.

"Eclipse down"

압축 해제및 실행

다운 받은 파일은 .tar.gz 압축 파일 이므로 압축 해제후 Eclipse 아이콘을 클릭 합니다.

Eclipse 실행

다음과 같은 페이지가 나오며 ok를 클릭 합니다.

"Eclipse 설치"

Android SDK 설치

Android 다운로드

안드로이드 개발 공식 사이트인 SDK에서 다운 받습니다.

"SDK Down"

Android SDK 환경 설정

파일 열기

1

$ vi ~/.bash_profile

.bash_profile 개인 SDK파일의 경로를 추가해 줍니다.

bash_profile 
1

export PATH=${PATH}:/Development/android-sdk-macosx/platform-tools:/Development/android-sdk-macosx/tools

설정 확인

1
2
3

$ source ~/.bash_profile
$ echo $PATH
…./Users/han/Development/android-sdk-macosx/sdk/platform-tools:/Users/han/Development/android-sdk-macosx/tools….

Xcode Command Line Tools 설치

Xcode 실행후 > Xcode Preferences 선택 합니다.

"Command line 설치"

Downloads->Components-> Command Line Tools -> Install 클릭으로 설치 합니다.

"Command Line Tolls 설치"

설치가 끝나면 Terminal.app (iTerm)에서 커맨드 라인으로 작업을 할수가 있습니다. 자세한 사항은 Command-Line에서 iOS 부분을 참고 하시면 됩니다.

Apache Cordova 다운로드

다운로드된 파일은 .zip 파일이므로 압축을 풀어서 사용하시면 됩니다.

  • Cordova는 Cordova-Down에서 다운 받을수 있습니다.
  • 다운 받은 폴더를 ~/CordovaLib-2.x.x 쓰기 편한 위치로 이동 시킵니다.

새로운 프로젝트 시작하기

bin 폴더 열기

새로운 프로젝트를 생성하기 위해서는 ./create 파일을 실행 해야 합니다. create 파일은 lib/android/bin 폴더에 존재 합니다.

lib/ios/bin 폴더로 직접 이동 해서 사용할수 있습니다. 또는 ~/CordovalLib-2.2/lib/android/bin 폴더를 Terminal.app에 드래그 하면 bin 폴더로 바로 이동 할수 있습니다.

create 실행하기

사용 방법

lang: bash 
1

$ ./create <project_folder_path> <package_name> <project_name>

create 사용

1
2
3
4
5
6
7
8

$ ./create <project_folder_path> pheonegap.start start
$ cd ~/project_folder_path
$ ls
AndroidManifest.xml   cordova   project.properties
ant.properties          gen     res
assets                    libs      src
bin                   local.properties
build.xml               proguard-project.txt

Eclipse 실행하기

SDK 지정 하기

eclipse를 처음 실행 하게 되면 다음과 같이 SDK 폴더를 지정합니다.

"SDK 지정"

SDK 경로 수정은 Command + , 사용해서 열수 있습니다.

Android SDK 매니저 설치

Android SDK 매니저 버튼을 클릭하거나 Window -> Android SDK Mannager를 클릭 합니다.

"Android SDK Mannager"

SDK 패키지 선택

모든 버전 보다는 현재 최신 버전과 Android 2.0대 까지만 있어도 충분 합니다.

"패키지 선택"

SDK 패키지 설치

체크된 패키지를 Install합니다.

"패키지 설치"

Android ADK Plugin 설치

안드로이드 개발 공식문서 사이트인 ADK Plugin에서 다운 받고 설치 가이드를 확인 할수 있습니다.

ADK 설치

Help -> insall new software를 클릭 합니다.

"install ADK"

화면 오른쪽 위에 ‘add’ 클릭

"클릭 Add"

Repository 추가

Location에서 문제가 발생하면 https -> http 사용하도록 합니다.

Name: ADT Plugin
Location: https://dl-ssl.google.com/android/eclipse/

"Add Repository 설정"

Available Software

Developer Tools과 필요한 프로그램을 클릭 한뒤 Next를 클릭합니다.

"Software 선택"

Install Details

인스톨 되는 정보를 확인후 Next를 클릭 합니다.

"Show Details"

Review Lienses

라이센스 확인후 Finish를 클릭 합니다.

"Finish click"

Security Warning

경고 화면이 나오게 되면 Ok를 클릭 하도록 합니다.

"Security Warning"

Software Update

설치가 끝나면 Yes를 클릭하여 새로 eclipse를 시작 하도록 합니다.

"Software Update"

ADV(Android Virtual Device Manager)

ADV 버튼을 클릭하거나 Window -> Anroid Virtual Devie Manger를 클릭 합니다.

"ADV"

ADV New

오른쪽 상단에 ‘New’ 버튼을 클릭 합니다.

"ADV New"

ADV Create

ADV 이름과 Device를 선택후 ok를 누릅니다.

"ADV Create"

Eclipse 실행

  1. Command line tools를 사용 하여 새로운 프로젝트를 만듭니다.
  2. 다운 받은 eclipse폴더에서 eclipse를 실행 합니다.
  3. eclipse에서 ‘File->New->Project’를 클릭 합니다.
  4. New Project 창에서 ‘Android Project from Existing Code’선택후 ‘Next’를 클릭 합니다.
  5. 우측 상단의 ‘Browse..’ 클릭후 생성된 Cordova 프로젝트폴더를 엽니다.
  6. Root Directory 정의후 ‘Run’실행 후 ADV를 선택 해주면 Android화면이생성
  7. Phonegap Android는 컴파일 시간이 오래 걸리므로 기다려 주어야 합니다.

Android Cordova 화면

완료된 Android 화면

"안드로이드 Cordova"

Comments