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

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

 

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

 

1부에서는 이것저것 셋팅한다고 복잡했습니다. 이번에는 콘솔이 아닌 이클립스에서 프로젝트를 하나 만들어서 라이브러리와 cordova.js 를 추가하여 구동하는 방법에 대해 알아봅니다.

 

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

Application Project 선택합니다.

 

 

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

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

 

 

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

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

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

폴더에 넣습니다.

 

 

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

 

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

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

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

 

 

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

 

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

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

 

 

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

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

 

 

이제 메인 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");
	}
}

 

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