2018년 8월 30일 목요일

ionic framework 으로 개발하기

1) ionic 과 cordova 설치
    > npm install -g ionic cordova

2) ionic 프로젝트 생성
    > ionic start TestApp

3) Platform 추가하기
    > ionic cordova platform add android
    > ionic cordova platform add ios

4) android 로 build
    > ionic cordova build android

5) Android Studio 를 실행하고  Import Project 를 선택한 후 platform/android 폴더를 선택하여 Project 를 loading 한다.



6) Web Browser 에서 화면 테스트하기

   > ionic serve
   
      안드로이드/아이폰 형태로 보고싶으면...
   > ionic serve --lab

7) 화면 수정후 prepare 를 해야 android 에 반영됨. 왜냐하면 ionic 은 화면 loading 속도를 빠르게하기 위해서 여러페이지를 build 를 통해 하나의 페이지로 만든다.

   > ionic cordova prepare android

8) 배포용 build 하기

   > Android Studio 에서 아래 메뉴를 사용하여 signed apk 를 생성한다.



8) ios 의 경우 emulator 에서 테스트하기

   > ionic cordova build ios
   > ionic cordova emulate ios

0 개의 댓글:

댓글 쓰기