ionic sample project 를 안드로이드 emulator 로 실행시키기

지난번, [ ionic framework 와의 첫 만남 포스팅 ] 에서, 실제 실행 부분에서 진행이 잘 되지 않았었는데요, 

이번에는, github 에서 받았던 Sample ionic project 를 이용해서, android 화면에서 테스트 해보고자 Build 까지 진행을 해보려고 합니다. 

https://github.com/loicknuchel/ionic-starter

아래 명령을 정상적으로 실행하는 것이 목표입니다.

• ionic platform add android : add android platform to the project
• ionic resources : generate icon & splash-screen for project platforms
• ionic run android : run your app !

두번째 명령까지는 정상적으로 실행이 됩니다. 세번째 명령에서 이러한 Error Message 가 발생하네요

Error : Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually. 

Faild to find 'android' command in your 'PATH'. Try update your 'PATH' to include path to valid SDK directory. 

그래서, google 에서 열심히 검색을 해보니, Android SDK 의 PATH 설정이 문제라고 하네요. 아래와 같이 PATH 를 설정하고 난 후에 다시 실행을 하니까, 

set ANDROID_HOME=C:\ installation location \android-sdk

set PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

뭐가 막 움직이기 시작하더니, emulator-arm.exe 가 실행되는 새 창이 뜹니다. 긴장되네요 ㅎㅎ

(위의 installation location 은 android-sdk 가 설치된 디렉토리를 말합니다 )

emulator 를 기다리라는 메시지가 뜬 후 한참지나더니, emulator 를 부팅한다는 메시지가 뜨고

드디어, 앱개발 화면에서 자주보던 Android Emulator 화면이 제 PC 에서도 처음으로 동작을 합니다^^

그리고, 계속 뭔가가 움직이면서 동작을 하더니, 한참 후에.... 짜잔!!!!!  하고, 또다시 Error Message 가 뜹니다....쩝.....

역시나 쉽게 넘어가는게 없네요. 이번에도 Connection Error 인걸보면, PATH 문제일듯 하긴 한데요, 다시 열심히 goole.com 에서 검색해보니 이런말이 나옵니다.

config.xml 파일에 이 부분을 추가하라고 합니다.

<preference name="loadUrlTimeoutValue" value="700000" />

이러한 현상이 생기는 이유는, 에뮬레이터가 index.html 파일을 Open 하는데 많은 시간이 소요되어 연결오류가 발생하는 것인데, 프로젝트가 나무 크거나 관련 Resource 를 불러오는데 많이 시간이 걸리는 경우 발생한다고 합니다.

암튼, 해당 문장을 추가하고 다시 시작해 봅니다.

아!!! 드디어 정상적으로 Loading 이 되는군요.... 푸하하하!!!!

하지만, 이번에도 로그인은 되는데, Chatting 이 되지않네요.. 흑흑흑... 

아니면, 채팅기능이 아닌지도 모르겠네요. 입력란 앞에 검색아이콘이 있는걸로 봐서...

아무튼, 이번에도 한발 다가선듯 합니다^^

다음번에는 좀더 구체적으루다 실행되는 앱을 테스트 한번 해볼까 합니다.