phonegap 이란?
자바나 C#을 이용하지 않고,
자바스크립트, HTML을 이용해 모바일 프로그램을 만들어 랩퍼(씌움)로써 활용.
자바를 몰라도 프로그래밍 할 수 있다.
HTML5로 여러 기능을 충분히 실현 가능
설치법 요약
NodeJS설치 -> phonegap install -> 폴더 생성 -> my-app생성 -> SDK설치 -> JDK설치 -> ANT설치(설치순서 상관없음) -> 환경변수 설정 -> adb devices 확인 -> my-app에서 $ phonegap run android -> 완료
SDK설치 -> 8번
JDK 설치 -> 10번
ANT설치 -> 11번
1. www.phonegap.com 들어감
2. install 창 들어가서 NodeJS 누르고 설치.
빡스
인스톨 클릭
다운 받은 후 실행 -> Next 클릭 클릭 클릭 ...
보조프로그램 명령 프롬프트 혹은
시작 - 실행에서 cmd 실행
C드라이브 루트로 감
5.C:\> npm install -g phonegap (입력) 또는 npm install -g cordova
설치 중
설치 완료시 뜨는 화면
6.md mypro (임의 폴더 만들기) -> cd mypro (만들어진 mypro 폴더에 들어감)
7.$ phonegap create my-app (my-app 폴더 설치)
$ cd my-app (my-app폴더에 들어감)
$ phonegap run android
오류뜨면 정상
8. SDK 설치
www.phonegap.com 에서 Getting started guide -> android platform guide 들어가서 system requirement -> android sdk 설치
박스 클릭
빠께스 클릭
클릭
자신 컴퓨터 비트에 맞게 선택 후
Download the SDK ADT Bundle for Windows |
클릭
만든 폴더 mypro에 다운받고, 압축을 푼다.
9. 폴더가 이중으로 있으면 잘라내기로 폴더를 하나로 만든다.
10. JDK 설치
http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html (java se kit 7u51 설치)(JDK설치)
x86 (32비트 사용자)
x64 (64비트 사용자) 맞게 클릭 후 실행
Next 클릭 클릭클릭
$java -version (명령창으로 자바 버전 확인)
11. ANT 설치
빠알간 빠께스 클릭
마찬가지로 자신이 만든 폴더에 압축을 풀고 하나의 폴더로 만든다. (빨간 빡스 참고)
12. 환경변수 설정
내컴퓨터 속성-고급- 환경변수
속성 - 고급 - 환경 변수
13. ADT,ANT,JAVA 변수 추가
ADT_HOME
C:\mypro\adt-bundle-windows-x86-20131030\sdk (자신이 만든 폴더 주소 확인)
ANT_HOME
C:\mypro\apache-ant-1.9.3 (자신이 만든 폴더 주소 확인)
JAVA_HOME
C:\Program Files\Java\jdk1.7.0_51 (폴더 주소 확인)
Path 변수 설정 (Path 변수에 원래 있는 것은 지우지 말 것!!!) (지운 경우 시스템 복구, 복수 안될 경우 포맷해야함)
%JAVA_HOME%\bin;%ANT_HOME%\bin;%ADT_HOME%\tools;%ADT_HOME%\platform-tools;
확인
확인 클릭14. $ adb 확인 (명령 프롬프트(cmd)가 켜져있는 상태였다면 다시 재실행)
스마트폰 설정 - 시스템
개발자 옵션 ON - USB 디버깅 체크
List of devices attached 밑에 아무것도 없는 경우 케이블 연결 안한 상태 혹은 연결 인식 에러
List of devices attached 밑에 나오는 경우 정상 디바이스 확인
디바이스 오류 해결법
오류 1. USB 디바이스 확인
=> 자신의 스마트폰에 맞는 드라이버 설치 / 혹은 장치관리자에 들어가서 ? 떠있는 USB장치 오른쪽 클릭해서 제거
2. List of devices attached 밑에 device 대신 unauthorized 뜰 경우
=> 컴퓨터 재시작 혹은 오류 1번 실행 후 다시 확인
3. USB 디바이스 인식이 되는데 List of devices attached 밑에 안뜨는 경우
=> 컴퓨터 재시작 후 다시 확인
15. 폰갭 실행
명령 프롬프트에서
$ cd mypro
$ cd my-app
$ phonegap run android (많은 command 상태가 계속 뜸)
뜨다가 마지막에 위와 같은 오류가 나올 수 있다.
에러 해결법
1. 이미 폰갭 어플이 생성되어 있는 경우 발생 -> 폰갭 어플 삭제 후 다시 $ phonegap run android
2. 디바이스 인식 문제 -> 14번으로 가서 다시 실행 (대부분 디바이스 문제가 많음)
3. 명령 프롬프트 재시작 / 혹은 컴퓨터 재시작
다른 오류일 경우 $ android avd (뜨는 디바이스 리스트 삭제 후 다시 14번으로)
16. 완료
$ phonegap run android 치면 (많은 command 상태가 계속 뜸)
마지막에 [phonegap] successfully installed onto device 라고 뜨면서
스마트폰에 폰갭 어플이 깔리며 실행된 화면이 나온다
끝~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~