티스토리 뷰

웹개발/ionic

ionic2 앱개발 시작하기

신수동이 2017. 1. 20. 00:29

관련 문서

http://ionicframework.com/ (ionic 2.0 framework)



아이오닉 2.0


1. 아이오닉2 설치 


npm install -g cordova ionic 




2. 아이오닉2 프로젝트 생성 


ionic start --v2 myApp blank

(tabs, sidemenu, blank, tutorial 기본 템플릿 제공)




3. 로컬 웹브라우저에서 실행 


cd myApp 

ionic serve 




4. 안드로이드 실행 


Requirements 

java jdk 설치 : http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html

안드로이드 스튜디오 설치 : https://developer.android.com/studio/index.html

안드로이드 SDK 업데이트 : https://developer.android.com/studio/intro/update.html

gradle 설치 : https://gradle.org/install/


안드로이드 플랫폼 설치 

ionic platform add android 


에뮬레이터 실행  

ionic build android 

ionic emulate android 


모바일에서 직접 실행 

ionic run android 또는 ionic run android --device 

/platforms/android/build/outputs/apk/debug 경로에 apk 생성 




5. IOS 실행 


Requirements 

xcode 7 이상 다운로드 

IOS 9 이상 

Xcode > Preferences- Accounts 개발자등록 


IOS 플랫폼 설치 

ionic platform add ios 


에뮬레이터 실행 

ionic build ios 

ionic emulate ios 


모바일에서 직접 실행 

ionic run ios 또는 ionic run --device 

/platforms/ios/AppID.xcodeproj 파일을 Xcode로 실행하여 실행 



댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함