[cross mobile] cordova, phonegap 설치 및 테스트

필그램

·

2017. 3. 2. 10:22

1. 설치 (CLI)


 1) 먼저 터미널을 연다. 

     - 맥의 경우 command + spacebar로 검색창을 연 뒤 

     - terminal(터미널)을 입력한다.



2) 먼저 Node.js의 설치를 확인한다.'

    - node -v  또는 node --version 를 입력하면 버전정보가 나온다

     - 예) v5.6.0


3) Cordova 와 phonegap 설치

    [Cordova]

    -  cordova -v  로 설치버전 확인후

    예) 6.5.0

    -  설치정보가 없으면  sudo npm -g install cordova 를 입력한다.

    [Phenegap]

  - phonegap -v  로 설치버전 확인후

    - 설치정보가 없으면 sudo npm -g install phonegap  하여, 설치한다.

    - 패스워드를 요청하면, 자신의 컴퓨터의 관리자 패스워드를 입력한다.



4) 앱 폴더 만들기

    - 먼저 바탕화면 등에 폴더를 하나 만든다. 예) cordova

    - 콘솔에서 $> cordova create MyApp com.my.demo Demo 

    - 그러면 해당 디렉토리에 그림과 같은 기본 파일을 만든다.


    - 콘솔에서 해당디렉토리(MyApp)로 이동한 후 cordova platform add ios를 입력한다.

       이 명령어로 ios용 버전의 앱이 만들어진다


   - cordova platform add android를 입력할 경우 안드로이드용 앱이 만들어진다.

   - 앱 실행을 위해 cordova run ios를 입력한다.



또는 xcode 와 Android studio를 열러 에뮬레이터를 실행 해본다.