코도바(Cordova) 앱 개발 환경 설정 - 02/03

cordova를 사용한 앱 개발 환경 설정에 필요한 것의 설치가 끝났으니

이번엔 정상적으로 앱이 생성되는지 확인해 보겠습니다. 

 

혹시 환경 설정이 안 됐다면 아래 링크를 통해 설치하시고 보시면 됩니다. 

https://the6inch.tistory.com/3?category=938936

코도바(Cordova) 앱 개발 환경 설정 - 01-1/03

https://the6inch.tistory.com/4?category=938936

코도바(Cordova) 앱 개발 환경 설정 - 01-2/03

오늘 해볼 것들 입니다.

1. cordova 프로젝트 생성

2. cordova 플랫폼 추가

3. cordova 빌드

1. cordova 프로젝트 생성

앱을 만들어 넣어둘 폴더를 만듭니다.

[단축키: win+r]로 실행창을 연 후 cmd를 입력하여 명령 프롬프트(도스 창)를 실행합니다.

새로 만든 AppTest 폴더 안에 앱을 만들어야 하니 

[cd \AppTest(폴더명)]을 입력하고 엔터키를 누릅니다.

cordova 프로젝트를 생성하라는 명령어를 입력합니다.

cordova create apptest com.companyname.test Test

[*앱 이름에 띄어쓰기가 있는 경우 큰따옴표(" ")를 이용 (예: "App Test")]

생성된 프로젝트 폴더로 이동해 보면 앱 개발을 위한 기본 프로그램이 설치된 것을 볼 수 있습니다.

폴더 안을 보면 [www] 폴더가 있는데 이 안의 파일들을 수정해서 개발을 진행한다고 생각하면 됩니다.

그리고 [platforms] 폴더를 보면 아직 아무것도 없는 상태입니다.

2. cordova 플랫폼 추가

다시 명령 프롬프트로 돌아와서 만들어진 프로젝트 폴더(apptest)로 이동합니다.

cd apptest

(*항상 이렇게 만들어진 프로젝트 폴더로 이도한 후 다음 명령어를 입력해야 합니다.)

프로젝트를 안드로이드 앱으로 만들 수 있는 플랫폼을 추가하는 명령어를 입력 후 엔터키를 누릅니다.

cordova platform add android

같은 방법으로 android 대신 ios를 입력하면 ios 플랫폼이 추가됩니다..

cordova platform add ios

비어있던 플랫폼 폴더에 android폴더가 추가되어 있는 걸 확인할 수 있습니다. 

3. cordova 빌드

실제 설치할 수 있는 안드로이드 앱 apk 파일을 만들어 주는 명령어를 입력합니다.

cordova build android

처음 cordova build android 명령을 실행한 경우 BUILD FAILED 가 떴을 것입니다. 

라이선스 승인을 안 했기 때문입니다.

라이선스 승인을 위한 명령어를 입력하고 엔터키를 누릅니다. 

sdkmanager --licenses

(질문이 나오면 모두 y를 누릅니다.)

라이선스 승인이 끝나면 다시 cordova build android 명령을 실행합니다.

 

빌드가 성공했다는 메시지가 나오고 생성된 apk파일의 경로가 나타납니다.

(경로를 선택해고 마우스 우클릭을 하면 자동 복사됨)

경로를 탐색기에 복사해서 해당 폴더로 들어가면 생성된 apk를 볼 수 있습니다.

이것으로 cordova 프로젝트 생성, cordova 플랫폼 추가, cordova 빌드까지 해보았습니다.

 

정리하면 

[cordova 프로젝트 생성]

cordova create 폴더명 도메인 형식 ID 앱 이름

 ex) cordova create apptest com.companyname.test Test

 

[cordova Platform 추가]

생성한 폴더로 들어간 후 아래 명령어 입력(cd apptest) 

cordova platform add android

cordova platform add ios

  

[cordova 빌드]

빌드하고 싶은 환경에 맞게 빌드한다.

cordova build

cordova build android

cordova build --release android  // 릴리스

 

다음번에는 앱을 스마트폰에서 실행하는 방법을 진행하겠습니다.