[ionic] framework

[ionic] framework

node.js 설치

cordova,  phonegap 설치

C:\>npm install -g cordova phonegap

ionic 설치

C:\>npm install -g ionic

프로젝트 생성

C:\>ionic start demo

ionic.project 파일에 프로젝트 정보를 입력한다. 

- name : 프로젝트 이름을 입력한다. - email : ionic 계정에 등록된 email을 입력한다. - app_id : 프로젝트의 유일한 id로 이후에 iOS난 Android에 UUID로 사용되는 아이디를 입력한다. - package_name : 이후에 android에 사용될 package 이름을 입력한다.

플랫폼 추가. 안드로이드 추가.

C:\>cd demo C:\demo>ionic platform add android

플랫폼 종류 확인

C:\demo>cordova platform list Installed platforms: android 4.1.1 Available platforms: amazon-fireos, blackberry10, browser, firefoxos, webos, windows, windows8, wp8

플랫폼 빌드

C:\demo>ionic build android

!! 에러 발생

[Error: Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually. Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to include path to valid SDK directory.]

아래와 같은 경로를 환경변수로 등록한다. 

[Windows] set ANDROID_HOME=C:\<installation location>\android-sdk-windows set PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

android studio 를 설치하면, sdk 는 C:\Users\[계정명]\AppData\Local\Android\sdk 에 설치된다.

환경변수를 등록하고, REBOOT.

다시 build 실행

C:\demo>ionic build android

!! 에러 발생

[Error: Please install Android target: "android-22". Hint: Open the SDK manager by running: C:\Users\Administrator\AppData\Local\Andr oid\sdk\tools\android.BAT You will require: 1. "SDK Platform" for android-22 2. "Android SDK Platform-tools (latest) 3. "Android SDK Build-tools" (latest)]

SDK 버전이 맞지 않는다. 설치되어 있는 것은 23

설치후 다시 빌드

C:\demo>ionic build android

빌드가 완료되면 성공 메시지가 나온다.

BUILD SUCCESSFUL Total time: 4 mins 22.339 secs Built the following apk(s):     C:\demo\platforms\android\build\outputs\apk\android-debug.apk

에뮬레이터를 실행한다. 

C:\demo>ionic emulate android

=== 참고 ===

• http://spring.io/guides/gs/android/
• http://blog.saltfactory.net/ionic/develop-hybrid-app-using-with-ionic-framework.html
• http://markup.su/highlighter/