Mac cordova설치 및 Eclipse 연동

cordova설치 및 Eclipse 연동

nodejs가 되어 있지 않다면 http://nodejs.org/download/에 접속하여 다운로드 설치 합니다.

http://phonegap.com/install/ 사이트에 접속면 접속 화면이 설치 화면이 나온다

그런데.. phonegap을 설치하고 

$ phoegap create myApp 

$ cd myApp

$ phonegap run android

이렇게 하면 완성된 화면의 배포를 만드는것같다 .. (?? )

그래서 phonegap을 삭제하고  cordova를 설치 했다.

hponegap  삭제

/usr/local/lib/node_modules>sudo npm uninstall phonegap

$>sudo npm install -g cordova 로 설치를 한다. 

설치 후 sample 프로그램을 만들보자 

cordova create hello com.example.hello Helloworld

실행 후" -bash: /usr/local/bin/cordova: No such file or directory"의 에러 메세지가 

발생한다 .. 이 에러는 "https://issues.apache.org/jira/browse/CB-4686"의 이슈에 등록 되어있다 ..

그래서 현재 버젼을 지우고 이전 버전을 설치 합니다.

/usr/local/lib/node_modules>sudo npm uninstall cordova

/usr/local/lib/node_modules>sudo npm install -g cordova@3.0.6

 설치 후 sample 프로젝트 생성

my_java_source>cordova create hello com.example.hello Helloworld

cd hello

cordova platform add ios

cordova platform add android

혹 "cordova platform add android"를 실행했을때 

"[Error: Please install Android target 17 (the Android 4.2 SDK). Make sure you have the latest Android tools installed as well. Run `android` from your command-line to install/update any missing SDKs or tools.]" 이런메세지가 나오면

$ android 를 실행하여 android 버젼을 추가 합니다

이제 Eclipse를 실행하여 생성한 프로젝트를 안드로이드 폰에서 확인 하도록 하겠습니다.

Eclipse 실행

Menu Bar에서 File > New > Others.. 선택 합니다.

Android > Android Project from Existing Code를 선택 실행합니다.

 

좀전에 생성한 myApps > platform > android 를 선택합니다.

이제 프로젝트를 실행하여 안드로드폰으로 확인 하도록 하겠습니다.

프로젝트 > 오른쪽마우스(control + 마우스클릭)을 해서 Run as > Android Application을 선택 합니다.

Android Device Chooser에서 Mac Book연결된 안드로이드폰을 선택하고 OK를클릭합니다.

핸드폰에 index.html의 내용이 표시되는 것을 확인 합니다.

그림 밑에 "ANDROID PHONEGAP  테스트 입니다"라고 MyApps > Assets > index.html의 내용이 표시됩니다. 

핸드폰으로 바로 연결

Virtual Device로 연결

가상의 디바이스로 연결하려면 Launch new Android Virtual Device에서 선택 후 실행하면

Virtual Device로 선택되어 실행되고 다시 실행할때는 아래와 같이 선택할 수 있도록 보입니다. 

자 이제 본격적으로 하이브리드 앱을 개발해볼까요 ..