1. http://phonegap.com/start 로 접속을 합니다.

자신의 취향에 맞는 버전의 폰갭을 받는다.

(필자는 1.6.1 을 받아서 테스트 하였음)


2. 그 다음은 Android Native Language로 App을 만들 때 처럼 이클립스에서 New Android Application Projet 를 만든다.


3. asset 폴더 하위에 www 폴더를 만들고 cordova-1.6.1js 붙여 넣는다.


4. libs 폴더 하위에 cordova-1.6.1.jar 를 붙여 넣은 뒤 프로젝트에서 사용할 수 있게 Build Path에서 add Jars 하여 설정 해준다.


5. res 폴더 하위에 xml 폴더를 붙여 넣는다. (cordova.xml, plugins.xml 이 들어있는 xml폴더)


6. 프로젝트(PhoneGapHello)/AndroidManifest.xml 으로 들어가서


AndroidManifest.xml 안에서 <uses-sdk android:minSdkVersion="8" /> 코드를 찾으세요.

그리고 그 위에 아래 코드를 붙여 넣으세요.


<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-permission android:name="android.permission.BROADCAST_STICKY" />


그리고 <activity ..... > 태그에 아래 코드를 추가하세요.

android:configChanges="orientation|keyboardHidden"




그럼 위와같은 코드가 된다.


7. src/ 하위에 있는 MainActivity.java 를 아래와 같이 변경해 준다.


package com.example.phonegaphello;


import android.os.Bundle;

import org.apache.cordova.*;


public class MainActivity extends DroidGap {


@Override

    public void onCreate(Bundle savedInstanceState)

    {

        super.onCreate(savedInstanceState);

        super.loadUrl("file:///android_asset/www/index.html");

    }


}


8. asset/www 아래에 index.html 테스트용 페이지 생성 해준다.


<!DOCTYPE HTML>

<html>

<head>

<title>PhoneGap</title>

<script type="text/javascript" charset="utf-8" src="cordova-1.x.x.js"></script>

</head>

<body>

<h1>Hello World</h1>

</body>

</html>


9. 확인해보자.

+ Recent posts