Cordova App 을 Eclipse Project 로

프론티어2014-06-13 11:13:456400220cordova, eclipse, project

Cordova 로 Build 된 App 을 Eclipse Project 로 가져와 보자..

Eclipse Eile 메뉴에서 Import 선택

Cordova Eclipse 이미지1

 

Existing Android Code Into Workspace

Cordova Eclipse 이미지2

 

Cordova App 폴더 선택

Cordova Eclipse 이미지3
주의

  • 두개의 Project 를 모두 선택해야 하고, Copy projects 는 체크하지 않도록!!
  • CordovaLib 는 jar 파일 대신 연동하는 Library Project 임
  • Copy Projects 시 두 Project 의 연동정보가 깨어지는 것처럼 보임 (Build 시 에러 발생... 보완책이 있을텐데..잘 보이지 않음)

Project Build 후 실행시켜보자..

  • Eclipse 에서 Android 개발 환경 구축은 생략 (이미 되어 있다고 전제)

  • Project Build

  • Run as Android Application

Device 에 직접 연결해서 테스트... 다음과 같은 화면이 나오면 성공!!

Cordova 첫화면


간단히 제목만 고쳐보자

APACHE CORDOVA => Hello World 로 한번 고쳐보자.

얼핏 눈에 들어오는 /www/index.html 을 수정해 보았는데..변화가 없습니다.
이건 아니라는거죠.
(/www 폴더는 일종의 template 입니다.
add platform 시에 /www 에 있는 내용을 기준으로 platform 별로 생성해내는거죠.)

실제 소스는 /assets/www 폴더 아래에 있습니다.
그런데 /assets/www 폴더는 처음에는 보이지 않습니다.

/assets 폴더에 보면 _where-is-www.txt 파일을 보면 이유를 알수 있습니다.

_where-is-www.txt 이미지

파일내용대로 Filter 를제거 해서 파일이 보이도록 한다음,
/assets/www/index.html 에서 제목을 수정하고 실행했습니다.

Cordova  HelloWorld 이미지

이제부터 본격적으로 개발을 하면 되겠죠~~ Go! Go!