Barcode Scanner using PhoneGap

Sundaravel
codesundar
Published in
1 min readJun 10, 2016

This article is about working with barcode scanner in PhoneGap based application.

Step1: Create a Cordova Project

cordova create BarCodeScanner com.phonegappro.barcodescanner BarCodeScanner

Step 2: Change your working directory

cd BarCodeScanner

Step 3: Add Platform (Android / iOS)

cordova platform add android

Step 4: Add Plugin

cordova plugin add phonegap-plugin-barcodescanner

Full Source code (http://codesundar.com/tutorials/phonegap-bar-code-scanner-example/)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BarCode Scanner - PhoneGapPro.com</title>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript">
function scan(){
console.log("clicked");
cordova.plugins.barcodeScanner.scan(function(result){
//success callback
alert(JSON.stringify(result));

},function(error){
//error callback
alert(JSON.stringify(error));

});
}
</script>
</head>
<body>
<h3>BAR CODE SCANNER</h3>
<button onclick="scan()">SCAN</button>
</body>
</html>

--

--