[Cross Mobile] Phonegap 폰갭 사용하기

지난 블로그에 설치를 다루었다.

폰캡의 어플을 만드려면, 다음을 CLI(terminal)에서 사용한다.

phonegap create highscore com.jw.hs highscore --template blank

맨뒤의 --template blank는 안에 아무것도 넣지 않는 것을 말한다.  이것을 빼고도 실행할 수있는데, 그런경우 디폴드 페이지가 생성된다.

cd highscore  하여 디렉토리 안으로 들어간다.

README.md hooks plugins

config.xml platforms www

그러면 위와 같은 디렉토리가 설치된다. 

다음은 플러그인 설치 이다. 

cordova plugin add cordova-plugin-nativestorage

위와같이 터미널에서 적고 엔터를 치면, 스토리지 플러그인을 설치한다.  카메라, 바코드 등도 맨뒤의 이름만 바꾸면 가능하다.

phonegap plugin add phonegap-plugin-barcodescanner

(바코드 스캐너의 예)

그리고 설치한 플러그인을 config.xml에 추가하기 위해 다음을 입력한다.

>cordova platform save

그리고 www 디렉토리 안의 html을 수정한다.

다 수정하였으면,

폰캡 웹사이트에 디렉토리를 올린다 (윈도우즈 및 안드로이드 어플이 생성된다)

ios 앱을 시뮬레이터로 실행해 보거나, 자신의 폰에 연결하려면 다음을 입력한다.

> phonegap build ios ( or android)

어플을 확인하고, 수정한다.