[Ionic-02]Android프로젝트로 만들고 빌드하기

Ionic을 하기 위해서는 선수해야할것이 매우 많다.

이는 추상화 과정이 높은 프레임워크이기 때문이다.

먼저 TypeScript를 사용한다. 하다못해 JavaSciprt는 알아야한다.

그리고 angular에 대해서 알아야하며 SPA에 대해서 알아야한다.

당연히 기본적인 html과 web에 대한 이해도도 있어야한다.

그 아래에 돌아가는 cordova역시 알아야하며 android와 ios까지 알아야한다.

그러니 이에 대한 지식을 어느정도 선수하고 이 내용을 듣기 바란다.

참고:

Programming/TypeScript-Angular

Programming/Java-Android

Usage/JavaScript

안드로이드로 프로젝트를 만들어 보도록하자.

#리눅스, 유닉스 계열 및 맥에서

echo $JAVA_HOME

echo $ANDROID_HOME

#윈도우에서

set JAVA_HOME
set ANDROID_HOME

먼저 JAVA_HOME과 ANDROID_HOME 변수가 있는지 확인해보자. 해당 명령어로 찾아보고 없다면 등록을 해줘야한다.

환경변수 파일을 수정해 준다.

#리눅스, 유닉스 계열 및 맥에서(어떤 걸 쓰는지는 검색해서 찾아서 스자)

sudo vim .bashrc

or

sudo vim .bash_profile

위의 파일로 들어가서 아래를 추가

export JAVA_HOME=<자바가 설치된 위치> (운영체제 마다 매우 상이하므로 검색해서 찾도록 한다.)

export ANDROID_HOME=<안드로이드 sdk가 설치된 위치> (운영체제 마다 매우 상이하므로 검색해서 찾도록 한다.)

#윈도우에서

해당 링크를 참조

자바와 안드로이드SDK가 설치된 위치를 찾아서 환경변수로 등록시키고 path에 등록시킨다.

ionic cordova platform add android

1장에서 만든 프로젝트에서 위의 명령어를 쳐보자

이렇게 하면 ionic에서 cordova에서 platform으로 android를 추가하게된다.

cordova는 웹프로젝트를 모바일에서 앱처럼 사용하게 해주는 프레임워크이다.

ionic cordova build android

이제 위의 명령어를 사용하면 ionic 프로젝트를 android프로젝트로 바꿔준다.

빌드가 끝나고 나면 위의 위치에 프로젝트가 만들어진다.

위의 위치로 찾아가보자.

해당 프로젝트로 가면 apk파일(안드로이드 상에서의 실행파일)을 볼 수 있다.

이제 안드로이드 스튜디오에서 프로젝트를 열어보자.

안드로이드 스튜디오를 설치하지 않은 사람은 없겠지만 혹실 모르니 설치를 안 했다면 여기를 참조하라.

아까 프로젝트의 platform의 android프로젝트를 선택해준다.

프로젝트를 추가하고 기다려준다.

프로젝트가 추가 되었다. 그럼 실행해보자.

제대로 실행되는걸 확인할 수 있다.