1. 준비물
가. 폰갭 sdk ( http://phonegap.com/ )
-. 해당사이트로 접속해서 우상단에 있는 파일을 다운로드 받아서 압축을 풀면됩니다. ( 현재 1.3.0 버젼 )
나. 안드로이드 sdk 및 개발 환경설정 ( http://developer.android.com/sdk/index.html )
-. 현재 ( 2011.12.26 ) 설치 방법이 더 단순해 졌습니다. 이클립스만 받아서 플러그인을 설치하시면 ( ADT )
SDK 까지 받겠냐고 물어봤을때 설치하면됩니다. 한방에 다 되는거죠.
2. 설정
-. 예전에는 폰갭을 사용하기 위해서 앤트, 루비 등등을 설치해줘서 설정했었던 것(?) 같습니다. ( 그때는 제가 해본적이 없어서 )
지금 검색을 해봐도 그때 설정방법이 대부분으로 검색 되더라구요.
현재는 훨씬더 간단해 졌는데요~ 폰갭 사이트에서도 직접 확인하셔도 되지만,
제가 했었던것을 기반으로 설명을 드리겠습니다.
1). 안드로이드 개발 플러그인이 설치된 이클립스를 실행하고 File> New > Project 를 선택합니다.
2). 안드로이드 프로젝트를 선택합니다.
3). 적당한 이름을 정해줍니다.
4). 타겟 SDK 버젼을 선택해줍니다. ( 전 2.2 버젼을 선택했습니다. )
5). 패키지네임을 지정한후, Finish 를 클릭합니다.
6). 자동적으로 생성된 소스들중 , assets 에서 마우스 오른쪽클릭하여, 아래와 같이 선택해서 폴더를 생성합니다.
7). 폴더이름을 www 로 합니다. 실제 폰갭을 이용해서 보여질 html 소스파일을 이곳에 생성하게 됩니다.
8). 준비물 1번에서 압축을 풀면 Android/phonegap-1.3.0.js 파일이 나오는데 이것을 드래그 하여 7)에서 생성한 폴더에 드랍합니다.
9). 방금 드랍한 파일에 대하여 링크를 할껀지 복사를 할껀지 물어보는 창입니다. 복사를 하도록 합니다.
10). 해당 파일이 복사되었습니다.
11). 이번엔 프로젝트 명에서 마우스 오른클릭한후, 아래와 같이 폴더를 생성합니다.
11). 이번에 폴더이름은 libs 라고 합니다.
12). 준비물 1에서 압축을 풀면 나오는 Android/phonegap-1.3.0.jar 파일을 위에서 생성한 폴더 /libs 로 드래그 엔 드랍 합니다.
13). 역시 이것도 복사를 선택...
14). 복사가 완료되었습니다.
15). 이대로 그냥 두면 jar 파일을 이용할 수 없으므로 빌드패스를 연결해줍니다.
복사한 파일에서 마우스 오른쪽 클릭후 Build Path > Add to Build Path 를 선택해 줍니다.
16). 끝으로 준비물 1의 Android/xml 폴더 전체를 res/ 쪽으로 드래그 합니다.
17). 역시 복사 선택, 필요한 파일은 모두 복사되었네요.
18). 메인 Activity 를 다음과 같이 수정합니다.
폰겝 메인으로 변경하는거죠.
19) 자 이제 폰겝이 안드로이드폰을 마음대로 접근(?) 하도록 아래와 같이 권한 설정을 추가해줘야 합니다.
추가1, 추가2 부분이 있습니다. 소스는 이페이지 가장 아래쪽에 따로 두도록 하겠습니다.
20) 테스트를 위하여 index.html 페이지를 만들어 봅니다.
phonegap-1.3.0.js 파일을 꼭 import 하세요~
21) 정상확인!!
AndroidManifest.xml 추가부분
