프로그램 코딩/HTML5 (Phaser.js)

코르도바(cordova) 안드로이드 셋팅하기

넌소중햇 2024. 3. 4. 21:54
728x90
반응형

코르도바(Cordova)를 사용하여 안드로이드(Android) 애플리케이션을 개발하기 위한 기본 설정 방법입니다.

1. Node.js 설치

코르도바는 Node.js 기반으로 동작하므로, 먼저 시스템에 Node.js가 설치되어 있어야 합니다. Node.js 공식 웹사이트(https://nodejs.org)에서 안내하는 대로 설치하세요.

버젼은 신경쓰지 마세요.

 

2. 안드로이드 개발 환경 설정

  • Java Development Kit (JDK): Java SE Development Kit을 설치해야 합니다. Oracle 웹사이트 또는 OpenJDK에서 다운로드할 수 있습니다. (JDK 1.9설치 : gradle-7.6이 쌍이니 버젼을 맞춰주셔야 합니다.)
  • Android Studio 설치: Android 개발에 필요한 Android Studio를 설치합니다. 이 과정에서 Android SDK도 함께 설치됩니다. (https://developer.android.com)
  • 환경 변수 설정: 시스템의 환경 변수를 설정하여, JDK와 Android SDK의 경로를 시스템이 인식할 수 있도록 합니다.
    • 환경변수에 JAVA_HOME 추가 : C:\Program Files\Java\jdk1.9
    • 환경변수에 JAVA_HOME_bin 추가 : C:\Program Files\Java\jdk1.9/bin
    • 환경변수에 ANDROID_HOME 추가 : C:\Users\사용자명\AppData\Local\Android\Sdk
    • 환경변수에 ANDROID_SDK_ROOT 추가 : C:\Users\사용자명\AppData\Local\Android\Sdk
    • (사용자명은 변경해야 합니다.)
    • 윈도우를 재부팅 해야 환경변수가 적용이 됩니다.

 

3. gradle-7.6 설치

  • 다운로드 ( https://gradle.org/releases/ )
  • C:\Gradle\gradle-7.6\bin 위치에 압축 풀기..
  • 환경변수 path에 C:\Gradle\gradle-7.6\bin 추가

 

4. 코르도바 설치

Node.js 설치 후, 코맨드라인(명령 프롬프트 또는 터미널)을 열고 다음 명령어를 입력하여 코르도바를 글로벌로 설치합니다. WebStorm SDK사용시 터미널에서 입력하시면 됩니다.

코르도바는 글로벌로 설치되는것이라 경로는 아무곳에서나 해도 상관없습니다.

npm install -g cordova

 

5. 코르도바 프로젝트 생성 및 안드로이드 플랫폼 추가

  1. 프로젝트 생성: 다음 명령어를 사용하여 새 코르도바 프로젝트를 생성합니다.
    cordova create hello com.example.hello HelloWorld
    cordova create (프로젝트명) (패키지명) (어플이름)
    이 명령은 hello라는 디렉토리에 프로젝트를 생성하고, 패키지 이름을 com.example.hello로, 앱 이름을 HelloWorld로 설정합니다.
  2. 프로젝트 디렉토리로 이동:
    cd hello
  3. 안드로이드 플랫폼 추가: 프로젝트 디렉토리에서 다음 명령어를 사용하여 안드로이드 플랫폼을 프로젝트에 추가합니다.
    cordova platform add android
  4. 생성한 프로젝트 hello안쪽에 www폴더에 해당 html소스들을 넣어주면 index.html이 실행되는것을 볼수 있다.

 

6. 실행

  1. 코맨드라인(명령 프롬프트 또는 터미널)을 열고 다음 명령어를 입력하여 코르도바를 글로벌로 설치합니다. WebStorm SDK사용시 터미널에서 입력하시면 됩니다.
빌드만 할경우
cordova build android

빌드 + 설치(폰과 케이블 연결 필요)
cordova run android

 

2. hello\platforms\android\build\outputs\apk 안에 [android-debug.apk] 파일이 생성된다.

3. 빌드가 실패할경우 안드로이드 SDK버젼이 맞지 않아서 그럴수 있습니다. 안드로이드 스튜디오에서

  - 설정 >> SDK Manager 클릭>> Android SDK >> SDK Tools에서 저는 기본적으로 34.0.0이 설치되어 있는데 코르도바 셋팅된것은 33.0.2버젼을 찾아서 33.0.2버젼을 설치했습니다.

 


이제 기본적인 코르도바 안드로이드 개발 환경이 설정되었습니다. 개발 환경이 준비되었으니, 이제 앱을 개발하고 테스트할 수 있습니다.

728x90
반응형