cordova 플러그인

Hα ყҽσɳɠ·2020년 6월 12일
0

Cordova 플러그인

웹 앱에서 OS의 기능을 제약없이 사용할 수 있도록 자바스크립트에서 네이티브 코드의 함수를 실행할 수 있도록 해준다.
nodejs의 npm처럼 외부 모듈을 설치해 cordova의 기능을 확장할 수 있다.
OS에 족송적인 코드와 자바스크립트 인터페이스로 이루어져있다.
(OS에 종속적인 부분은 플러그인이 지원하려는 OS마다 별도로 작성해야 한다. 즉, 안드로이드와 아이폰을 지원하려면 java와 swift언어로 각각 cordova 플러그인의 OS 종속 코드를 작성해야 한다. 자바스크립트 인터페이스는 브라우저에서 실행되므로 OS별로 따로 작성할 필요없이 플러그인당 하나만 작성하면 된다.)

Cordova 플러그인 설치 및 삭제

  • 설치

    cordova add --save {플러그인명}

save 옵션을 입력하면 플러그인 설치 정보가 추가되어 다른 환경에서 프로젝트를 복원하고 cordova platform을 추가할 때 자동으로 플러그인들을 설치할 수 있도록 해준다.

  • 목록 확인

    cordova plugin list

  • 삭제

    cordova remove {플러그인명|

cordova 설치

Cordova 플러그인을 이용한 Todo list App 만들기

  • 프로젝트 생성하기

  • 안드로이드 플랫폼 추가하기

    cordova platform add android@8.0.0

  • Todolist > www에 Todo라는 폴더를 만든다.

  • 옮겨준다.

  • Todolist > www > js > index.js에서 수정해준다.

  onDeviceReady: function() {
        this.receivedEvent('deviceready');
        window.location = "./Todo/todo.html"
    },
  • 안드로이드 스튜디오에서 AVD 실행

  • 다음 명령어로
    힘겹게 실행되는중...

profile
𝑯𝒐𝒏𝒆𝒔𝒕𝒚 𝑰𝒏𝒕𝒆𝒈𝒓𝒊𝒕𝒚 𝑬𝒙𝒄𝒆𝒍𝒍𝒆𝒏𝒄𝒆

0개의 댓글