Cordova-첫 번째 응용 프로그램

Cordova를 설치하고이를위한 환경을 설정하는 방법을 이해했습니다. 모든 것이 준비되면 첫 번째 하이브리드 Cordova 애플리케이션을 만들 수 있습니다.

1 단계-앱 생성

명령 프롬프트에서 앱을 설치할 디렉토리를 엽니 다. 데스크탑에 생성합니다.

C:\Users\username\Desktop>cordova 
   create CordovaProject io.cordova.hellocordova CordovaApp
  • CordovaProject 앱이 생성 된 디렉터리 이름입니다.

  • io.cordova.hellocordova기본 역 도메인 값입니다. 가능하면 고유 한 도메인 값을 사용해야합니다.

  • CordovaApp 앱의 제목입니다.

2 단계-플랫폼 추가

명령 프롬프트에서 프로젝트 디렉토리를 열어야합니다. 이 예에서는CordovaProject. 필요한 플랫폼 만 선택해야합니다. 지정된 플랫폼을 사용하려면 특정 플랫폼 SDK를 설치해야합니다. Windows에서 개발 중이므로 다음 플랫폼을 사용할 수 있습니다. 이미 Android SDK를 설치 했으므로이 자습서에서는 Android 플랫폼 만 설치합니다.

C:\Users\username\Desktop\CordovaProject>cordova platform add android

Windows OS에서 사용할 수있는 다른 플랫폼이 있습니다.

C:\Users\username\Desktop\CordovaProject>cordova platform add wp8
C:\Users\username\Desktop\CordovaProject>cordova platform add amazon-fireos
C:\Users\username\Desktop\CordovaProject>cordova platform add windows
C:\Users\username\Desktop\CordovaProject>cordova platform add blackberry10
C:\Users\username\Desktop\CordovaProject>cordova platform add firefoxos

Mac에서 개발하는 경우 다음을 사용할 수 있습니다.

$ cordova platform add IOS
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos

다음을 사용하여 프로젝트에서 플랫폼을 제거 할 수도 있습니다.

C:\Users\username\Desktop\CordovaProject>cordova platform rm android

3 단계-빌드 및 실행

이 단계에서는 모바일 장치 또는 에뮬레이터에서 실행할 수 있도록 지정된 플랫폼 용 앱을 빌드합니다.

C:\Users\username\Desktop\CordovaProject>cordova build android

이제 앱을 실행할 수 있습니다. 기본 에뮬레이터를 사용하는 경우 다음을 사용해야합니다.

C:\Users\username\Desktop\CordovaProject>cordova emulate android

외부 에뮬레이터 또는 실제 장치를 사용하려면 다음을 사용해야합니다.

C:\Users\username\Desktop\CordovaProject>cordova run android

NOTE − 우리는 Genymotion android emulator기본보다 빠르고 반응이 빠르기 때문입니다. 여기 에서 에뮬레이터를 찾을 수 있습니다 . 테스트를 위해 실제 장치를 사용할 수도 있습니다.USB debugging옵션에서 USB 케이블을 통해 컴퓨터에 연결합니다. 일부 장치의 경우 USB 드라이버도 설치해야합니다.

앱을 실행하면 지정한 플랫폼에 설치됩니다. 모든 것이 오류없이 완료되면 출력에 앱의 기본 시작 화면이 표시되어야합니다.

다음 튜토리얼에서는 Cordova 애플리케이션을 구성하는 방법을 보여줍니다.