Cordova Window 설치 및 실행

지금까지 작성한 Cordova 설치 및 실행을 배경으로 글을 정리해서 다시작성합니다

Window 환경입니다

1.Node.js 설치

Node.Js는 사이트에 가서 프로그램을 다운받고 별 다른 어려움 없이 설치가 쉽습니다.

버전확인

node -v

업데이트

선택 버전 : npm install --global --production npm-windows-upgrade

최신버전 : npm-windows-upgrade --npm-version latest

2. Cordova 설치

1. 기본 설치 : npm install -g cordova

2. 빌드 설치 : sdk install gradle 4.4.1

프로젝트만 만들면 머하나요.

프로젝트가 잘만들어 졌는지 테스트를 하기위해서는 빌드를 진행해서 확인해봐야합니다

그러기 위해 필요한 Gradle

설치 확인후 진행하세요.

설치 후 빌드 오류가 나는 경우

SDK 환경설정 + Cordova 재 인스톨을 진행하시면서 원인을 해결하셔야 될듯합니다.

3. Sqlite 설치

 npm install pouchdb-adapter-cordova-sqlite

안드로이드 애뮬 디버그는 너무 속도가 느리다고 판단하여

Chrome 브라우져를 통해 스크립트 및 html 수정을 편하게 하기위해 설치했습니다.

소스 수정후 서버 재시작이 필요없는 리로드 기능 입니다.

4. cordova-plugin-livereload 설치

cordova plugin add cordova-plugin-livereload

웹 실행 : cordova run browser -- --live-reload

5.  browser-sync 설치

npm install -g browser-sync --save-dev

서버실행 : browser-sync start --server --files "*.html, css/*.css"

프록시 실행 : browser-sync start --proxy "localhost:3000" --files ["*.css", "js/*.js", "*.html"]

6. 플러그인 설치

cordova plugin add cordova-plugin-file-transfer

cordova plugin add cordova-plugin-file

cordova plugin add cordova-plugin-compat

cordova plugin add cordova-plugin-dialogs 

cordova plugin add cordova-plugin-sqlite-2

cordova plugin add cordova-plugin-consol

cordova plugin add cordova-sqlite-plugin

cordova plugin add cordova-plugin-device

cordova plugin add cordova-plugin-livereload

cordova plugin add cordova-sqlite-storage --save

cordova plugin add cordova-plugin-browsersync --save

7. 플랫폼 추가

cordova platform add ios

cordova platform add amazon-fireos

cordova platform add android

cordova platform add blackberry10

cordova platform add firefoxos

cordova platform add browser

8. 실행

cordova run browser

cordova run android --device

cordova run android --emulate

9. 소스

package.json

프로젝트 폴더 구조

플러그인 설치 구조

Config.xml

플러그인 -> fetch.json 

결과

완전 뿌듯함