Cordova | QR코드 리더 webApp

개발 환경: 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

1. 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>