하이브리드/아이오닉

아이오닉 실행방법

반응형

아이오닉 실행방법


아이오닉에서 개발된 앱을 실행하는 방법은 총 3가지가 존재한다.


1. 브라우저에서 보여주기

2. 에뮬레이터 미리보기

3. 장치에서 미리보기


1. 브라우저 미리보기 (ionic serve)

-> 기본 주소는 http://localhost:8100

-> 기본 포트는 8100


2. 에뮬레이터 미리보기 (ionic emulate {ios|android})

-> 맥은 xcode, 안드로이드는 안드로이드 스튜디오 설치 필요

->맥에서 ios를 에뮬레이팅 할때는 ios-sim도 설치해야한다. (npm install -g ios-sim)

-> 실시간 새로고침 및 로그 뷰 가능

ionic emulate ios -l -c

ionic emulate android -l -c


3. 장치에서 미리보기 (ionic run)

-> 장치 연결 필요

-> 아이폰의 경우 시큐리티 프로필 연결이 xcode에서 설정이 필요하다.

-> 아이폰의 경우 platforms/ios 디렉토리에서 .xcodeproj 확장자 파일을 열어 배포 옵션으로 장치를 고를 수 있다.

-> 실시간 새로고침 및 로그 뷰 가능

ionic run ios -l -c

ionic run android -l -c


프로젝트에 실행가능한 플랫폼 추가

에뮬또는 장치에서 실행할 때는 프로젝트가 선택한 플랫폼을 지원할 수 있게 설정

-> ionic platform add ios

-> ionic platform add android

=> platforms 디렉토리를 보면, 각 플랫폼에 따라 플랫폼 의존적인 파일들이 생성됨.

반응형