[Phonegap 환경 설정]
Phonegap은 어플리케이션의 로직과 서버 통신은 HTML/Javascript를 이용하고 모바일 단말 디바이스의 연결은 Native 코드를 이용하는 Hybrid Application 개발 프레임 웍이다. Phonegap을 이용하기 위해서는 다음의 프로그림들의 설치가 필요하다. (android에 대해서만 설명)
1. Eclipse 설치
http://www.eclipse.org/downloads/ 에서 이클립스를 다운로드 한다.
2. Eclipse에 안드로이드 ADT 플러그인 설치
Eclipse의 Help->install new software부분을 클릭하고 다음과 같이 Work with에 google 의 ADT 다운로드 사이트를 입력한다.
설치하고자 하는 소프트웨어를 체크하고 설치를 한다.
3. Android SDK 설치
http://developer.android.com/sdk/installing/index.html에서 SDK를 다운로드 하고 압축을 풀은 다음 Eclipse에서 Preference->Android 에서 해당 SDK폴더를 설정한다.
4. Phonegap SDK 설치
http://phonegap.com/ 에서 phonegap sdk를 다운로드 한다. 현재(2012.10.07) 버전은 2.1.0 이다.
[Hello World 프로그램 작성]
1. Eclipse의 Android 프로젝트 생성
2. Phonegap 환경 설정
eclipse에 Phonegap SDK 폴더의 파일들을 다음과 같이 복사한다.
3. AndroidManifest.xml 을 수정한다.
4. MainActivity.java를 다음과 같이 수정한다.
5. index.html 작성
HTML body가 로드될때 init 함수를 호출하고 init 함수에서는 deviceready 이벤트 발생시 onDeviceReady함수를 이벤트 리스너로 등록한다. onDeviceReady함수는 helloworld id를 가진 h1 tag의 내용을 변경한다.
6. Nexus S 에서 실행
다음은 Nexus S에서 실행된 화면이다.
