명령줄 인터페이스
이 가이드에서는 응용 프로그램을 만들고 사용 하 여 다양 한 네이티브 모바일 플랫폼에 배포 하는 방법에 cordova
명령줄 인터페이스 (CLI). 이 도구를 사용 하면 새 프로젝트를 만들고, 다른 플랫폼에서 구축 및 에뮬레이터 내에서 실행할 수 있습니다. 후 당신은 다양 한 플랫폼의 Sdk를 사용 하 여 그들을 더 개발 하는 프로젝트 코드를 초기화 하는 CLI를 사용할 수도 있습니다.
필수 구성 요소
모든 명령줄 도구를 실행 하기 전에 대상 하려는 각 플랫폼 Sdk를 설치 해야 합니다. (자세한 내용은 플랫폼 가이드를 참조 하십시오.)
지원을 추가 하거나 모든 플랫폼에 대 한 프로젝트를 다시 작성, 명령줄 인터페이스 플랫폼의 SDK를 지 원하는 동일한 컴퓨터에서 실행 해야 합니다. CLI에서는 다음 조합을 지원합니다.
- iOS (Mac)
- 안 드 로이드 (맥, 리눅스)
- 블랙베리 10 (맥, 리눅스, 윈도우)
- Windows Phone 7 (윈도 즈)
- Windows Phone 8 (Windows)
- 윈도우 8 (Windows)
- 파이어 폭스 OS (맥, 리눅스, 윈도우)
Mac에서는 명령줄 터미널 응용 프로그램을 통해 제공 됩니다. Pc, 그것은 가능한 액세서리 아래 명령 프롬프트.
확률이 더 높다 그것이 실행 하는 CLI 다른 컴퓨터에서 로컬 작업 디렉토리에 풀 다운 자산이 원격 소스 코드 저장소를 유지 하는 것이 의미가 한 더.
설치 하는 cordova
명령줄 도구 이러한 단계를 수행 하십시오:
다운로드 및 Node.js를 설치. 설치, 다음 호출 할 수 있어야
node
또는npm
커맨드 라인에.설치는
cordova
유틸리티. Unix에서 추가로 붙여sudo
명령을 개발 유틸리티를 설치 해야 할 수 있습니다에서 그렇지 않으면 디렉터리 제한:$ sudo npm install -g cordova
설치 로그는 모든 제거 플랫폼 Sdk에 대 한 오류를 생성할 수 있습니다. 설치, 다음 실행 할 수 있어야
cordova
커맨드 라인에.
응용 프로그램 만들기
소스 코드를 관리할 수 있는 디렉토리에가 고 다음과 같은 명령을 실행:
$ cordova create hello com.example.hello HelloWorld
그것은 시간이 좀 걸릴 수 있습니다를 완료 하려면 명령에 대 한 그래서 인내심. 실행은 cordova -d
진행 상황에 대 한 정보를 볼 수 있습니다.
첫 번째 인수는 프로젝트에 대해 생성 될 안녕하세요 디렉터리를 지정 합니다. 그것의 www
하위 디렉터리 응용 프로그램의 홈 페이지에서 다양 한 리소스와 함께 하우스 css
, js
, 및 img
는 일반적인 웹 개발 파일 명명 규칙을 따릅니다. config.xml
파일을 생성 하 고 응용 프로그램을 배포 하는 데 필요한 중요 한 메타 데이터를 포함 합니다.
나머지 두 인수는 선택 사항:는 com.example.hello
인수는 역방향 도메인 스타일 식별자를 사용 하 여 프로젝트를 제공 합니다 및 HelloWorld
응용 프로그램의 표시 텍스트를 제공 합니다. 모두 이러한 값 나중에 편집할 수 있는 config.xml
파일.
플랫폼 추가
모든 후속 명령 프로젝트의 디렉터리 또는 해당 범위 내에서 모든 하위 디렉터리 내에서 실행 해야 합니다.
$ cd hello
프로젝트를 작성할 수 전에 대상 플랫폼의 집합을 지정 해야 합니다. 이러한 명령을 실행 하는 능력 컴퓨터 각 SDK를 지원 하는지 여부에 따라 달라 집니다 그리고 여부 당신은 이미 각 SDK 설치. Mac에서이 중 하나를 실행 합니다.
$ cordova platform add ios
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos
Windows 시스템에서 이러한 실행 wp Windows Phone 운영 체제의 다른 버전을 말합니다.
$ cordova platform add wp7
$ cordova platform add wp8
$ cordova platform add windows8
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos
이 플랫폼의 현재 집합을 확인 하려면 실행:
$ cordova platforms ls
(참고는 platform
및 platforms
명령을 동의어로 사용 됩니다.)
플랫폼을 제거 하려면 다음 동의어 명령 중 하나를 실행 합니다.
$ cordova platform remove blackberry10
$ cordova platform rm android
각 지정 된 플랫폼 하위 나타나는 추가 하거나 플랫폼에 영향을 미치는 프로젝트의 플랫폼 디렉터리의 내용을 제거 하려면 명령을 실행 합니다. Www 소스 디렉토리에 예를 들면 나타나는 각 플랫폼의 하위 디렉터리 내에서 재현 platforms/ios/www
또는 platforms/android/assets/www
. 기본적으로 각 플랫폼의 구성 파일 모든 코르도바의 Api에 액세스할 수 있도록 설정 됩니다.
당신이 바라는 경우에 만든 프로젝트를 열려면 SDK를이 시점에서 사용할 수 있습니다. 그러나, SDK 영향 파생 내 프로젝트 수정 자산, 원래 크로스 플랫폼 소스 파일의 설정. 간단 하 게 프로젝트를 초기화 하려는 경우이 방법을 사용 합니다. (각 sdk 응용 프로그램을 개발 하는 방법에 대 한 내용은 플랫폼 가이드를 참조 하십시오.) 전체 개발 주기에 대 한 명령줄 도구를 사용 하려는 경우에 읽기.
응용 프로그램 빌드
기본적으로는 cordova create
스크립트 생성 하는 골격 웹 기반 응용 프로그램의 홈 페이지는 프로젝트의 www/index.html
파일. 그러나 있지만, 모든 초기화의 일부로 지정 해야 합니다이 응용 프로그램을 편집 된 [deviceready](../../cordova/events/events.deviceready.html)
이벤트 처리기에서 기본적으로 참조 www/js/index.js
. <!-- XREF
(See the Application Development Guide for details.)
XREF -->
반복적으로 프로젝트를 빌드하려면 다음 명령을 실행:
$ cordova build
프로젝트 내에서 플랫폼 전용 코드를 생성 하는이 platforms
하위 디렉터리. 필요에 따라 특정 플랫폼에 각 빌드 범위를 제한할 수 있습니다.
$ cordova build ios
cordova build
명령 또한 단일 플랫폼을 대상으로 다음이이 예제에서에 대 한 속기 이다:
$ cordova prepare ios
$ cordova compile ios
이 경우에, 한 번 실행 prepare
, 수정 하 고 코르 도우 바 내에서 생성 하는 플랫폼별 코드 컴파일 대신 애플의 Xcode SDK를 사용할 수 있습니다 platforms/ios
. 다른 플랫폼의 Sdk와 동일한 접근 방식을 사용할 수 있습니다.
에뮬레이터 또는 장치에 대해 응용 프로그램 테스트
모바일 플랫폼을 위한 Sdk는 자주 홈 화면에서 응용 프로그램을 실행 하 고 많은 플랫폼 기능과 상호 작용 하는 방법을 볼 수 있도록 장치 이미지를 실행 하는 에뮬레이터와 함께 번들로 가자. 응용 프로그램을 다시 작성 하 고 특정 플랫폼의 에뮬레이터 내에서 보기에 다음과 같은 명령을 실행 합니다.
$ cordova emulate android
일부 모바일 플랫폼 아이폰 iOS 프로젝트 등 기본적으로 특정 장치를 에뮬레이션할. 다른 플랫폼을 위해 에뮬레이터와 장치를 처음 연결할 할 수 있습니다. (자세한 내용은 플랫폼 가이드를 참조 하십시오.) 예를 들어, 당신이 먼저 실행에 android
명령을 실행 안 드 로이드 SDK 다음 그것의 기본 동작에 따라 시작 특정 장치 이미지를 실행:
함께 위로 다음는 cordova emulate
명령 에뮬레이터 이미지 홈 화면에서 실행을 위해 사용할 수 있는 최신 응용 프로그램 표시를 새로 고칩니다.
또는 당신의 컴퓨터에 휴대폰을 연결 하 고 직접 응용 프로그램을 테스트:
$ cordova run android
이 명령을 실행 하기 전에 해야 테스트를 위한 장치를 설정 하려면 다음 절차를 각 플랫폼 마다 다릅니다. 안 드 로이드의 경우, 장치에서 USB 디버깅 옵션을 사용 하 여 아마도 개발 environmnent에 따라 USB 드라이버를 추가 할 것입니다. 각 플랫폼의 요구 사항에 대 한 내용은 플랫폼 가이드를 참조 하십시오.
기능 추가
구축 하 고 새로운 프로젝트를 볼 때 표시 되는 기본 응용 프로그램 매우 많이 하지 않습니다. 표준 웹 기술을 활용 하기 위해 여러 가지에서 응용 프로그램을 수정할 수 있습니다 하지만 다양 한 장치 수준의 기능을 밀접 하 게 의사 소통을 위해 애플 리 케이 션에 대 한 핵심 코르도바 Api에 대 한 액세스를 제공 하는 플러그인을 추가 해야 합니다.
플러그인 은 네이티브 구성 요소에 대 한 인터페이스를 제공 하는 부가 기능 코드의 조금 이다. 예를 들어 기본 구성 요소와 코르도바 WebView를 혼합 하이브리드 앱을 디자인할 때 자신의 플러그인 인터페이스를 디자인할 수 있습니다. (포함 WebViews 및 플러그인 개발 가이드 자세한 참조.) 더 일반적으로, 코르도바의 기본 장치 수준 기능 중 하나를 사용 하는 플러그인 추가 <!-응용 프로그램 개발 가이드에 설명 된 외부 참조 및 외부 참조--> API 참조에 대 한 자세한.
cordova plugin add
명령 코드를 플러그인에 대 한 저장소를 지정 해야 합니다. 여기에 기능을 추가할 수 있습니다 예입니다.
-
$ cordova plugin add org.apache.cordova.device
-
$ cordova plugin add org.apache.cordova.network-information $ cordova plugin add org.apache.cordova.battery-status
-
$ cordova plugin add org.apache.cordova.device-motion $ cordova plugin add org.apache.cordova.device-orientation $ cordova plugin add org.apache.cordova.geolocation
-
$ cordova plugin add org.apache.cordova.camera $ cordova plugin add org.apache.cordova.media-capture $ cordova plugin add org.apache.cordova.media
-
$ cordova plugin add org.apache.cordova.file $ cordova plugin add org.apache.cordova.file-transfer
대화 상자 또는 진동 알림:
$ cordova plugin add org.apache.cordova.dialogs $ cordova plugin add org.apache.cordova.vibration
연락처:
$ cordova plugin add org.apache.cordova.contacts
세계화:
$ cordova plugin add org.apache.cordova.globalization
-
$ cordova plugin add org.apache.cordova.splashscreen
새로운 브라우저 윈도우 열기 (InAppBrowser):
$ cordova plugin add org.apache.cordova.inappbrowser
콘솔 디버깅:
$ cordova plugin add org.apache.cordova.console
사용 plugin ls
(또는 plugin list
, 또는 plugin
자체) 현재 보려면 플러그인을 설치 합니다. 각 식별자에 의해 표시 됩니다.
$ cordova plugin ls # or 'plugin list'
[ 'org.apache.cordova.console' ]
플러그인을 제거 하려면 목록에서 나타나는 같은 식별자로 그것을 참조 하십시오. 예를 들어, 여기에 어떻게 릴리스 버전에서 디버그 콘솔에 대 한 지원을 제거할 것입니다.
$ cordova plugin rm org.apache.cordova.console
$ cordova plugin remove org.apache.cordova.console # same
일괄 제거 하거나 추가할 수 있습니다 플러그인 각 명령에 대 한 하나 이상의 인수를 지정 하 여.
각 플랫폼을 사용자 지정
코르도바를 사용 하면 쉽게 많은 다른 플랫폼을 위한 애플 리 케이 션을 배포할 수 있습니다, 하는 동안 때로는 사용자를 추가 해야 합니다. 이 경우, 다양 한 소스 파일을 수정 하 고 싶지 www
최상위 디렉터리만 platforms
디렉토리, 그들은 정기적으로 최상위로 대체 야 하기 때문에 www
디렉토리의 크로스 플랫폼 소스.
대신, 최상위 merges
디렉터리 특정 플랫폼에 배포 하기 위해 자산을 지정 하는 장소를 제공 합니다. 각 플랫폼 관련 하위 디렉터리 내에서 merges
거울의 디렉토리 구조는 www
소스 트리를 무시 하거나 필요에 따라 파일을 추가할 수 있습니다. 예를 들어, 여기 어떻게 사용 하는 수도 merges
안 드 로이드 장치에 대 한 기본 글꼴 크기를 밀어 주기 위하여:
편집은
www/index.html
추가 CSS 파일에 링크를 추가 하는 파일overrides.css
이 경우:<link rel="stylesheet" type="text/css" href="css/overrides.css" />
필요에 따라 빈 만들
www/css/overrides.css
파일, 누락 된 파일 오류를 방지 하는 모든 비-안 드 로이드 빌드를 신청할 것 이다.만들기는
css
하위 디렉터리 내에서merges/android
, 해당 추가overrides.css
파일. 내 지정 12 포인트 기본 글꼴 크기를 재정의 하는 CSS를 지정www/css/index.css
, 예를 들면:body { font-size:14px; }
프로젝트를 다시 작성 하면 안 드 로이드 버전 다른 그대로 유지 하는 동안 사용자 지정 글꼴 크기를 갖추고 있습니다.
또한 사용할 수 있습니다 merges
파일 원본에 존재 하지 추가할 www
디렉터리. 예를 들어, 애플 리 케이 션에 통합할 수 있는 버튼을 다시 그래픽 iOS 인터페이스에 저장 merges/ios/img/back_button.png
, 안 드 로이드 버전 대신 캡처할 수 있습니다 하는 동안 [backbutton](../../cordova/events/events.backbutton.html)
이벤트는 해당 하는 하드웨어 단추를.
코르 도우 바 업데이트
설치한 후에 cordova
유틸리티를 업데이트할 수 있습니다 항상 그것 최신 버전을 다음 명령을 실행 하 여:
$ sudo npm update -g cordova
이 구문을 사용 하 여 특정 버전을 설치.
$ sudo npm 설치-g cordova@3.1.0
실행 cordova -v
현재 실행 중인 버전을 볼 수 있습니다. 실행은 npm
info
다른 사용 가능한 버전 번호와 함께 현재 버전을 포함 하 긴 목록에 대 한 명령:
$ npm info cordova
코르 도우 바 3.0은이 섹션에서 설명 하는 명령줄 인터페이스를 지 원하는 최초의 버전. 위에서 설명한 대로 새 프로젝트를 만든 다음 자산 이전 응용 프로그램의 최상위에 복사를 해야 3.0 이전 버전에서 업데이트 하는 경우 www
디렉터리. 해당 되는 추가 3.0 업그레이드에 대 한 자세한 내용은 플랫폼 가이드에서 사용할 수 있습니다. 일단 업그레이드는 cordova
명령줄 인터페이스 및 사용 npm update
최신, 거기 설명 하는 더 많은 시간이 걸리는 절차는 더 이상 관련.