본문 바로가기

IT/안드로이드

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 


결과

완전 뿌듯함


'IT > 안드로이드' 카테고리의 다른 글

Cordova 명령어  (0) 2018.01.10
Crodova Content-Security-Policy  (0) 2018.01.10
Cordova Window 설치 및 실행  (0) 2018.01.05
cordova sdk 설치 및 구동  (0) 2017.12.05
하이브리드 앱웹 cordova 환경설정  (0) 2016.09.14
cordova로 Device Debug 모드  (0) 2016.09.14