cordova 3.X 사용방법정리

|


cordova 3.X  에서는 커멘트라인 툴의 사용 순서가 매우 중요합니다.


1. 프로잭트 생성

2. 플랫폼 추가

3. 플러그인 추가

4. 플랫폼별 프로잭트 준비(prepare)


위 순서를 꼭지키셔야 제데로 프로잭트 생성이 됩니다.


1. 프로잭트 생성


cordova create myapp com.gbox.myapp myapp


프로 잭트 생성후 생선된 myapp폴더로 이동합니다.


2. 플랫폼 추가


안드로이드와 아이폰을 추가합니다.


cordova platform add ios android




3. 플러그인 추가


로그출력과 디바이스 정보를 얻어오는 플러그인을 추가 하도록 하겠습니다.


cordova plugin add org.apache.cordova.console org.apache.cordova.device





4. prepare


www/index.html 파일을 다음과 같이 수정합니다.


<!DOCTYPE html>

<html>

<head>

    <title>Device Properties Example</title>


    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>

    <script type="text/javascript" charset="utf-8">


        // Wait for device API libraries to load

        //

        document.addEventListener("deviceready", onDeviceReady, false);


        // device APIs are available

        //

        function onDeviceReady() {

            var element = document.getElementById('deviceProperties');

            element.innerHTML = 'Device Model: '    + device.model    + '<br />' +

                    'Device Cordova: '  + device.cordova  + '<br />' +

                    'Device Platform: ' + device.platform + '<br />' +

                    'Device UUID: '     + device.uuid     + '<br />' +

                    'Device Version: '  + device.version  + '<br />';


            console.log('hello console');

        }


    </script>

</head>

<body>

<p id="deviceProperties">Loading device properties...</p>

</body>

</html>


그런후에 다음 명령을 실행합니다.


cordova prepare




ios 로 싱행시키려면 xcode 로 myapp/platforms/ios/myapp.xcodeproj 파일을 엽니다. 그리고 run을 합니다.






android 로 실행시키려면 platform/android 을 adt 로 엽니다.





























And