Please Enable JavaScript!
Gon[ Enable JavaScript ]

반응형

안드로이드(Android) PhoneGap, Eclipse 와 연동하여 개발을 위한 환경셋팅 2

 

개발환경 : window 7 64bit, Eclipse Mars, Android 4.2.2

 

1부에서는 이것저것 셋팅한다고 복잡했습니다.

이번에는 콘솔이 아닌 이클립스에서 프로젝트를

하나 만들어서 라이브러리와 cordova.js

추가하여 구동하는 방법에 대해 알아봅니다.

 

이클립스를 실행하고 New Project 에서 안드로이드

Application Project 선택합니다.

 

PhoneGap Eclipse

 

프로젝트 생성을 위한 셋팅을 합니다.

기본 셋팅으로 하고 Application 생성을 마칩니다.

PhoneGap Eclipse

 

 

프로젝트에 PhoneGap 을 구현하기 위해서는

라이브러리와 js 파일, config.xml 이 필요합니다.

Framework 에서 jar 를 복사해서 프로젝트의 libs

폴더에 넣습니다.

PhoneGap Eclipse

 

 

그런후 build path 에서 jar 파일을 추가합니다.

PhoneGap Eclipse

 

다음은 웹앱이 추가되는 폴더인 assets www 폴더를

만들고 cordova.js 파일을 복사합니다. 그리고 메인화면인

Index.html 파일을 만들어 넣습니다.

PhoneGap Eclipse

 

 

Html 파일에 소스를 넣습니다.

PhoneGap Eclipse

 

마지막으로 config.xml 파일을 Framewor 에서 복사한후

Res/xml 폴더에 추가합니다.

PhoneGap Eclipse

 

 

전부 추가 하였다면 이제 구동을 하기 전에

AndroidManifest.xml permission 을 줘야 합니다.

아래 xml 코드를 전부 추가합니다.

 

<supports-screens
    android:anyDensity="true"
    android:largeScreens="true"
    android:normalScreens="true"
    android:resizeable="true"
    android:smallScreens="true" />

<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" />

 

 

PhoneGap Eclipse

이제 메인 activity 소스만 고치면 됩니다. 안드로이드에서

제공하는 위젯들을 제외하고 Cordova에서 제공하는 클래스로

교체한후 loadUrl() 함수를 호출해 만들어 두었던 index.html

실행해 줍니다.

 

import org.apache.cordova.DroidGap;

import android.os.Bundle;

public class MainActivity extends DroidGap {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		super.loadUrl("file:///android_asset/www/index.html");
	}
}

 

결과는 아래와 같습니다.. 정상적으로 뜨는 것을 볼수 있습니다.

 

 PhoneGap Eclipse 

반응형
Posted by 녹두장군1
,