Phonegap 맛보기.

ITWeb/개발일반 2012. 3. 20. 11:50
phonegap 을 이용해서 android webapp HelloWorld 를 테스트 해보겠습니다.
뭐 제가 정리 하지 않아도 phonegap 사이트에 들어가면 Getting Start 가 잘 되어 있긴 합니다.
걍.. remind 하는 차원에서 정리해 봅니다.

[참고사이트]

http://wiki.phonegap.com/w/page/35501397/Tutorials
http://wiki.phonegap.com/w/page/30862722/phonegap-android-eclipse-quickstart
http://developer.android.com/sdk/installing.html  



[문제점]

- phonegap 최신 버전 1.5.0 에서는 이전 버전과 바뀐내용들이 있습니다.
- 그래서 위 참고사이트에 나와 있는데로 하면 오류 납니다.

[오류내용]

... 중략
android.content.res.Resources$NotFoundException: Resource ID #0x0
... 중략  

- 이건 최신 버전을 다운로드 받아서 압축을 푸시면 xml 폴더가 하나 더 있습니다.
- xml 폴더를 생성하신 android project 의 res 밑으로 복사해서 넣으시면 됩니다.

- 수정합니다. 업데이트된 내용이 따로 있내요.

http://docs.phonegap.com/en/1.5.0/guide_getting-started_android_index.md.html#Getting%20Started%20with%20Android




[바뀐점]

[Before]
phonegap-VERSION.jar
phonegap-VERSION.js

[After] 
cordova-1.5.0.jar
cordova-1.5.0.js
xml/cordova.xml
xml/plugins.xml

- 패키지도 아래 처럼 바뀌었내요. (이건 소스코드 내려서 받아 보면 될듯 하내요.)
import org.apache.cordova.DroidGap; 



[시작하기]

1. Eclipse
2. JDK
3. ADT Plugin
- 이건 eclipse plugin 으로 설치를 하셔도 되고 아님 걍 SDK 를 별도 설치 하셔서 location 지정을 하셔도 됩니다.
4. PhoneGap 다운로드 (.js / .jar / .xml)


- AVD 하나 생성 하시지요.
- 옆에 있는 New 버튼 누르시고 하면 됩니다. tutorial 에서 처럼 10MB 만 할당 했습니다.

- Android project 하나 생성하셔서 tutorial 에 있는 것처럼 
- jar 파일은 libs 에, js 파일은 www 에 , xml 폴더는 res 에 복사해서 넣으시면 됩니다.
- index.html 파일은 만드시면 되구요.
- 그런 다음에 manifest 파일을 tutorial 에 있는 것처럼 수정 하시면 됩니다.
- 이제 Run As -> Android Application 을 해볼까요..



※ 해보시면 아시겠지만 어려울게 하나도 없습니다.

[소스코드]
[helloworldActivity.java]


[index.html]


[AndroidManifest.xml]
 
:

티스토리툴바