본문 바로가기
프로그래밍/안드로이드

안드로이드에서 PhoneGap 사용하기...

by 사악신 2011. 10. 27.
1. PhoneGap 설치
먼저, 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~~
반응형

댓글