본문 바로가기

기타

하이브리드앱 만드는 과정

반응형

cordva로 통합됨

 

 

1. Node.js 설치 (www.nodejs.org) - recommended For Most Users
- 서버환경에서 자바스트립트로 애플리케이션을 작성할 수 있도록 도와준다.
=> Nodejs 오른쪽 마우스 누르고 관리자권한으로 실행 눌러야함

2. 폰갭을 설치 - 웹을 앱으로 만들어주는 프로그램
npm install - g phonegap

3. 코르도바 설치 - 최종 배포판을 만들어 웹스토어에 올리기 위해 필요
npm install -g cordova

4. 하이브리드 앱 만들기 (틀만 만들어줌)
phonegap create 폴더명 팩키지명 프로젝트명

cordova create 폴더명 팩키지명 프로젝트명

5. 만들어진 웹을 www폴더에 소스를 복사해서 넣는다.

6. 웹을 안드로이드 네이티브 앱으로 빌드

phonegap build android (4번에서 생성한 폴더에서)

cordova platform add andrpoid

cordova build android
[ 준비사항 ]
6-1. 자바를 설치 (oracle.com/java 에 가서 맞는 버전으로 다운로드)
6-2. Apache ANT는 자바를 이용해서 빌드할 때 사용되므로 반드시 내려받아야 한다.
http://ant.apache.org/bindownload.cgi 에 접속하여
메뉴 중 download 에서 Binary Distributions 클릭 후
apache-ant-1.10.9-bin.zip 다운받아 압축만 푼다.
6-3. 안드로이드 SDK설치 (안드로이드 스튜디오를 설치하면 같이 설치됨)
6-4. 환경변수 설정
1) 자바 환경변수
변수이름 - 사용자지정 JAVA_HOME
변수값 - 자바의 경로
2) 안드로이드 SDK 환경변수
변수이름 - 사용자지정 ANDROID_HOME
변수값 - SDK 경로
3) 컴퓨터 시스템에서 1)과2)를 시스템 환경변수에 추가

반응형