티스토리 뷰
관련 문서
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로 실행하여 실행
'웹개발 > ionic' 카테고리의 다른 글
[아이오닉] Facebook AccountKit 안드로이드 플랫폼 error (0) | 2018.08.13 |
---|---|
[아이오닉] 전화번호 인증 - Facebook AccountKit (0) | 2018.07.30 |
[아이오닉] ionic 2.0 Deploy (0) | 2017.01.21 |
[아이오닉] Ionic Framework 하이브리드앱개발 (0) | 2016.12.04 |
- Total
- Today
- Yesterday
- git commit
- 번들링
- 아이오닉2
- module exports
- angular2
- Grunt
- git merge
- 폼 유효성 검사
- 웹 소켓 프로토콜
- typeScript
- 의존성 주입
- Gulp
- ionic2
- Angular
- 한영 변환
- npm
- phone number
- NgForm
- Angular CLI
- paralles desktop
- 아이오닉
- jQuery
- End-to-End testing
- Facebook AccountKit
- password validation
- Webpack
- Routes
- 옵저버블
- git branch
- Typescript 패키지
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |