6 – Phonegap – Cordova QR CODE Tarayıcı

Phonegap ile QRCODE okumak için öncelikle projemize qrcode plugini dahil etmemiz gerekiyor .

Komut :

phonegap plugin add phonegap-plugin-barcodescanner  

 

cordova.plugins.barcodeScanner.scan(
   function (result) {
       alert("Okunan qrcode \n" +
             "Result: " + result.text + "\n" +
             "Format: " + result.format + "\n" +
             "Cancelled: " + result.cancelled);
   }, 
   function (error) {
       alert("Scanning failed: " + error);
   },
   {
       "preferFrontCamera" : false, // ios ve android
       "showFlipCameraButton" : false, // iOS ve Android
       "prompt" : "qrcode okutun", // sadece android
       "formats" : "QR_CODE,PDF_417", // default:  PDF_417 ve RSS_EXPANDED
       "orientation" : "protrait" // sadece Android  (portrait|landscape), default cihazın yönüne göre ayarlar
   }
);

 

Birde full çalışan bir kod verelim

 

<!DOCTYPE html>
<html>
<head>
<title>QR CODE TARAYICI </title>
<script type="text/javascript" charset="utf-8">
var watchID = null;
function onLoad(){
document.addEventListener("deviceready", onDeviceReady, false);
}
function onDeviceReady() {

}
function startScan() {
   cordova.plugins.barcodeScanner.scan(
      function (result) {
          alert("Okunan qrcode \n" +
                "Result: " + result.text + "\n" +
                "Format: " + result.format + "\n" +
                "Cancelled: " + result.cancelled);
      }, 
      function (error) {
          alert("Scanning failed: " + error);
      },
      {
          "preferFrontCamera" : false, // ios ve android
          "showFlipCameraButton" : false, // iOS ve Android
          "prompt" : "qrcode okutun", // sadece android
          "formats" : "QR_CODE,PDF_417", // default:  PDF_417 ve RSS_EXPANDED
          "orientation" : "protrait" // sadece Android  (portrait|landscape), default cihazın yönüne göre ayarlar
      }
   );
}


</script>
</head>
<body onload="onLoad()">
<button onclick="startScan();">Tara</button>
<script type="text/javascript" src="cordova.js"></script>
</body>
</html>