ionic view를 사용하여 기기에서 앱 확인

ionic view

USB로 기기를 연결하고 빌드한 앱을 복사하여 기기에서 확인하는 방법도 있지만 ionic view를 사용하면
Ionic 서버에서 애플리케이션을 다운로드하여 스마트폰으로 확인할 수 있습니다.
서버에서 응용 프로그램을 다운로드하고 확인할 수 있으므로 다른 사람에게도 부담없이 확인할 수 있습니다.

최초의 디자인 모의 등 움직이는 종이 연극을 확인해 주거나 편리합니다.

ionic view 설정

계정 만들기

Sign up - Ionic.io: the hybrid app platform.

앱 측 설정

로그인

 $ ionic login
? Email:xxxx@xxxxxxxx
? Password: [hidden]
[OK] You are logged in!

앱 선택, 새로 만들기

새로 만들기를 선택하면 브라우저에서 ionic view 화면이 시작되므로 새 앱 만들기

$ ionic link
✔ Looking up your apps - done!
? Which app would you like to link Create a new app
[INFO] Rerun ionic link to link to the new app.

앱 이름 입력

연결

방금 만든 앱과 연결하기

 $ ionic link
✔ Looking up your apps - done!
? Which app would you like to link app-test (xxxxxxx)
> ionic config set app_id ea25b23a
[OK] app_id set to ea25b23a in ./ionic.config.json!
[OK] Project linked with app xxxxxxx!

테스트할 플랫폼 추가

ionic cordova  platform add ios
ionic cordova  platform add android

업로드

 $ ionic upload
Running app-scripts build:

[15:23:24]  build dev started ...
[15:23:24]  clean started ...
[15:23:24]  clean finished in 3 ms
[15:23:24]  copy started ...
[15:23:24]  transpile started ...
[15:23:26]  transpile finished in 1.86 s
[15:23:26]  preprocess started ...
[15:23:26]  deeplinks started ...
[15:23:26]  deeplinks finished in 7 ms
[15:23:26]  preprocess finished in 8 ms
[15:23:26]  webpack started ...
[15:23:26]  copy finished in 2.00 s
[15:23:32]  webpack finished in 5.86 s
[15:23:32]  sass started ...
[15:23:33]  sass finished in 865 ms
[15:23:33]  postprocess started ...
[15:23:33]  postprocess finished in 4 ms
[15:23:33]  lint started ...
[15:23:33]  build dev finished in 8.63 s
> ionic cordova prepare
> cordova prepare
✔ Running command - done!

[15:23:35]  lint finished in 2.06 s
✔ Requesting snapshot upload - done!
✔ Uploading snapshot - done!
[OK] Uploaded snapshot 2d047ab8-70fe-402d-9217-40f0e2d21fb2!

기기 측 설정

스토어에 앱이 있으므로 설치해 봅시다.

위의 ionic-view 계정으로 로그인

내가 업로드한 앱을 볼 수 있습니다.

앱 보기



세 손가락 조작으로 앱 미리보기를 종료하거나 화면별로 피드백을 작성하고 반환할 수 있습니다.



적재 적소에서 사용하면 좋을지도입니다.