ionic-framework
에뮬레이터 또는 휴대 전화에서 Ionic App 실행

에뮬레이터 또는 휴대 전화에서 Ionic App 실행

1. 플랫폼 타겟 추가

iOS :

$ ionic platform add ios 

기계적 인조 인간:

$ ionic platform add android

Windows :

$ ionic platform add windows

2. 앱 만들기

iOS :

$ ionic build ios 

기계적 인조 인간:

$ ionic build android

Windows :

$ ionic build windows

개발 중 실시간 다시로드 응용 프로그램 (베타)

run 또는 emulate 명령은 지정된 플랫폼 장치 / 에뮬레이터에 앱을 배포합니다. --livereload 옵션을 추가하여 지정된 플랫폼 장치에서 실시간 다시로드 를 실행할 수도 있습니다. 라이브 리로드 기능은 ionic serve 와 비슷하지만 표준 브라우저를 사용하여 앱을 개발 및 디버깅하는 대신 컴파일 된 하이브리드 앱 자체가 파일 변경 사항을 감시하고 필요할 때 앱을 다시로드합니다. 이렇게하면 작은 변화에 대해 앱을 지속적으로 재구성해야한다는 요구가 줄어 듭니다. 그러나 플러그인을 변경하더라도 전체 재구성이 필요합니다. 라이브 다시로드가 작동하려면 dev 컴퓨터와 장치가 동일한 로컬 네트워크에 있어야하며 장치가 웹 소켓을 지원해야합니다.

실시간 다시로드를 사용하면 응용 프로그램의 콘솔 로그를 --consolelogs 또는 -c 옵션을 포함하여 터미널 / 명령 프롬프트에 인쇄 할 수도 있습니다. 또한 개발 서버의 요청 로그는 --serverlogs 또는 -s 옵션을 사용하여 인쇄 할 수 있습니다.

run 및 emulate 을위한 명령 행 플래그 / 옵션

[--livereload|-l] .......  Live Reload app dev files from the device (beta)
[--consolelogs|-c] ......  Print app console logs to Ionic CLI (live reload req.)
[--serverlogs|-s] .......  Print dev server logs to Ionic CLI (live reload req.)
[--port|-p] .............  Dev server HTTP port (8100 default, live reload req.)
[--livereload-port|-i] ..  Live Reload port (35729 default, live reload req.)
[--debug|--release]

서버가 실시간 다시로드를 실행하는 동안 CLI에서 다음 명령을 사용할 수 있습니다.

restart or r to restart the client app from the root
goto or g and a url to have the app navigate to the given url
consolelogs or c to enable/disable console log output
serverlogs or s to enable/disable server log output
quit or q to shutdown the server and exit

3. 앱 에뮬레이션

지정된 플랫폼 에뮬레이터에 Ionic 앱을 배치합니다. 이것은 단순히 run --emulator 의 별명입니다.

iOS :

$ ionic emulate ios [options]

기계적 인조 인간:

$ ionic emulate android [options]

Windows :

$ ionic emulate windows [options]

AVD 또는 모바일에서 앱을 에뮬레이트하는 동안 Chrome 브라우저에서 해당 앱을 검사 할 수 있습니다. 크롬 브라우저의 주소창에 다음 명령을 입력하십시오.

chrome://inspect/#devices

4. 앱 실행하기

지정된 플랫폼 장치에 Ionic 앱을 배치합니다. 장치를 찾지 못하면 에뮬레이터 / 시뮬레이터에 배치됩니다.

iOS :

$ ionic run ios [options]

기계적 인조 인간:

$ ionic run android [options]

Windows :

$ ionic run windows [options]

4.1. 타겟 지정하기

$ ionic run [ios/android/windows] --target="[target-name]"

$ adb devices 실행중인 장치 / 에뮬레이터의 대상 이름을 확인할 수 있습니다.