4. Ionic App 환경설정

ionic 관련 App branch 를 새로 생성합니다.

 

4-1. ionic 추가

 

index.html 파일에 ionic.js, cordova.js 추가

config/index.js 폴더 경로 변경

 

 

https://github.com/imse0109/noteApp/commit/70e81c7ee6e253fdec230a3d5ea9f513e9f62ab2

4-1. ionic 추가 · imse0109/noteApp@70e81c7

 

 

4-2. Cordova 설치

npm i -g cordova

 

설치 후 cordova -v 로 버전확인

 

 

4-3. ionic 프로젝트 생성

cordova create ionic-app-note

 

 

https://github.com/imse0109/noteApp/commit/b51dfc161586b5a8708fbe900fcb95e37ceaf437

4-3. ionic 프로젝트 생성 · imse0109/noteApp@b51dfc1

App-note 폴더 안에 ionic-app-note 폴더가 생성되었습니다.

 

 

4-4. dist(www) 폴더 복사 후 www(ionic 폴더) 붙여넣기

 

 

https://github.com/imse0109/noteApp/commit/fb4b78f9eb276b2feae07f1e4ca0359bac36b39c

4-4. dist(www) 폴더 복사 후 www(ionic 폴더) 붙여넣기 · imse0109/noteApp@fb4b78f

 

4-5. 안드로이드 플랫폼 생성

ionic 앱 폴더의 config.xml의 내용을 수정합니다. 

기존 앱과 다른 앱을 만들 수 있습니다.

 

<widget id="io.cordova.noteapp" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">

<name>NoteApp</name>

 

 

cordova platform add android --save

 

 

https://github.com/imse0109/noteApp/commit/001bbff6171953bfafe76d49b7172f761b9f375c

4-5. 안드로이드 플랫폼 생성 · imse0109/noteApp@001bbff

 

 

4-6. 앱 실행 및 apk 파일 생성

cordova run android

 

 

https://github.com/imse0109/noteApp/commit/2dde005bfafc8d189f4c3fe0258eec47d5e8f9ad

4-6. 앱 실행 및 apk 파일 생성 · imse0109/noteApp@2dde005