먼저, http://www.phonegap.com 에서 PhoneGap 을 최신버전으로 다운로드 받는다.
다운로드한 압축파일을 적당한 곳에 푼다.
2. 프로젝트 생성하기
이클립스를 실행 한 후, File > New > Other > Android Project 를 실행한다.
프로젝트명을 지정한다.
타겟은 진저브레드로~
대충 다음과 같이 정보를 입력한다.
/libs 와 /assets/www 디렉토리를 생성하여 추가한다.
PhoneGap 파일 중 phonegap.js 를 /assets/www 에 복사한다.
PhoneGap 파일 중 phonegap.jar 를 /libs 에 복사한다.
PhoneGap 파일 중 xml 폴더를 /res 에 복사한다.
3. 샘플 코드 작성하기
import.android.app.Activity; 를 삭제한다.
import.com.phonegap.*; 을 추가한다.
상속 클래스를 Activity 에서 DroidGap 으로 수정한다.
setContentView 관련 행을 super.loadUrl("file:///android_asset/www/index.html"); 로 수정한다.
이때 phonegap-1.1.0.jar 파일이 라이브러리에 추가되어있지 않으므로 이를 추가한다.
res 디렉토리 아래 AndroidManifest.xml 파일을 수정한다.
아래 붉은색 표기한 내용을 추가한다.
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.phonegap.helloworld"
android:versionCode="1"
android:versionName="1.0" >
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
<uses-sdk android:minSdkVersion="10" />
<application
android:icon="@drawable/ic_launcher"
android:label="@string/app_name" >
<activity
android:label="@string/app_name"
android:name=".HelloPhoneGapActivity" android:configChanges="orientation|keyboardHidden">
<intent-filter >
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name="com.phonegap.DroidGap" android:label="@string/app_name"
android:configChanges="orientation|keyboardHidden">
<intent-filter>
</intent-filter>
</activity>
</application>
</manifest>
마지막으로 /assets/www 디렉토리에 index.html 파일을 생성한다.
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="phonegap-1.1.0.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
4. 실행
Run > Run As > Android Application 을 실행한다.
자~ 이제 하이브리드 앱 개발의 첫 시작을 하게되었으니 다음은 jQueryMobile~~
'프로그래밍 > 안드로이드' 카테고리의 다른 글
| AndEngine - 1 - andengine.jar 생성하기 (0) | 2011.12.01 |
|---|---|
| 이클립스 + Derby 환경 구축 (0) | 2011.10.31 |
| PhoneGap + jQueryMobile 사용하기... (3) | 2011.10.27 |
| 이클립스 안드로이드 개발 환경 구축하기 - 2 - (12) | 2011.10.27 |
| 이클립스 안드로이드 개발 환경 구축하기 - 1 - (19) | 2011.10.26 |
댓글