.

개발 환경: Ubuntu Linux 14.04 LTS, Android Studio

1. Plugin 추가

먼저 plugin을 추가하기 위해서는 plugman을 설치해야 한다.

$ npm install -g plugman

# BarcodeScanner plugin 추가

$ cordova plugin add https://github.com/wildabeast/BarcodeScanner.git

# InAppBrowser plugin 추가

$ cordova plugin add cordova-plugin-inappbrowser

2. user-permission 추가

AndroidManifest.xml 파일에 uses-permission 추가

<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.FLASHLIGHT" />
<uses-permission android:name="android.permission.INTERNET" />

# index.js

var resultDiv;

document.addEventListener("deviceready", init, false);
function init() {
    document.querySelector("#startScan").addEventListener("touchend", startScan, false);
    resultDiv = document.querySelector("#results");
}

 document.addEventListener("deviceready", re, false);
function startScan() {인인

    cordova.plugins.barcodeScanner.scan(
        function re (result) {
            //바코드가 읽힌 결과 확인
            /*
            var s = "Result: " + result.text + "<br/>" +
            "Format: " + result.format + "<br/>" +
            "Cancelled: " + result.cancelled;
            */
            
            //바코드 읽은 결과를 실제 browser에 띄우기
             var ref = window.open(result.text, '_self', 'location=no');

             ref.addEventListener('loadstart', function(event) {
                 var urlSuccessPage = result.txt;
                 if (event.url == urlSuccessPage) {
                 ref.close();
                 }
             });
            alert('test');

        },
        function (error) {
            alert("Scanning failed: " + error);
        }
    );
}

# index.html
<button id="startScan">Start Scan</button>
<div id="results"></div>
<script type="text/javascript" src="barcodescanner.js"></script>

폰갭을 빌드해서 apk파일을 ADB를 통해 install했더니 error가 발생했다.

phonegapp 프로젝트 폴더에 keystore파일을 만들어야 한다.

$ keytool -genkey -v -keystore [keystore name].keystore -alias [alias name] -keyalg RSA -keysize 3048 -validity 10000 (keystore 파일 유효기간)

Cordova Documentation:  http://cordova.apache.org/docs/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface

* Android studio 설치
https://developer.android.com/sdk/index.html

1. npm과 nodejs설치

$ sudo add-apt-repository ppa:chris-lea/node.js

$ sudo apt-get install nodejs

$ sudo apt-get install npm

2. npm을 통해 cordova 설치

 $ sudo npm install -g cordova

3. 프로젝트 생성

$ cordova create <생성할 프로젝트 디렉토리> <APP_ID><Bundle Display Name>

ex) $ cordova create test com.test.app app

* 만약 아래와 같은 오류가 발생한다면 node.js의 path가 지정되지 않은 것이다.

/usr/bin/env: node :No such file or directory

다음 명령어를 실행한다.

$ sudo ln -s /usr/bin/nodejs /usr/bin/node

*cordova platform add android 를 했을때 

Unable to fetch platform android: Error: EACCES, mkdir '/home/user/tmp/npm-12074-rNPOjSs_'와 같은 에러가 뜨는 것은 /home/user/tmp에 권한이 없는것이다. 그럴때는 권한을 주면 된다!

$ sudo chown user /home/user/tmp -RV

4. 사용할 플랫폼 추가

$ cd test(생성한 프로젝트 디렉토리)

$ cordova platform add <target platform>

ex) $ cordova platform add android

5. Emulator or Device에 테스트하기

Android Studio에서 Import project(Eclipse ADT, Gradle, etc.)

$ test/platforms/android 선택

APACHE CORDOVA

DEVICE IS READY 화면이 뜨면 성공!

assets/www/ 디렉토리 밑에 HTML5, CSS3, javascript등의 파일을 이용해서 화면을 넣어주면 된다!