client_usage

Client 개발도구 사용법

• 프로젝트명 myApp

ionic 프로젝트 생성

ionic start myApp sidemenu
cd myApp
ionic platform add android
ionic build android

• myApp 이 프로젝트 이름이 된다
• sidemenu 대신 blank 또는 tabs 를 사용할 수 있다
• (참고) http://ionicframework.com/getting-started/

실행방법1 - Cloud9 Preview

Cloud9 자체 웹브라우저에서 실행하는 방법은 왼쪽 파일브라우저에서 myApp/www/index.html을 찾아 마우스 우클릭 후 Preview 실행

Cloud9으로 디비깅하는 방법을 아직 찾지 못했으므로 디버깅이 필요할때는 아래 실행방법2 추천

실행방법2 - ionic serve

ionic serve -p 9010 --nolivereload

• 위 명령을 실행하면 개발서버의 9010 포트로 웹서비스가 실행된다
• 크롬 브라우저로 웹서버주소에 해당 포트를 붙여서 접속하면 된다
• http://xxx.xxx.xxx.xxx:9010/
• 개발자별로 포트가 중복되지 않게 각자 사용할 포트를 정할것
• 크롬 브라우저를 이용해서 디버깅을 할 수 있다
• 아래는 크롬 브라우저에서 myApp 로그인 화면이 오픈되는 이벤트에 breakpoint를 설정하고 실행한 화면