Barcode Scanner using PhoneGap
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>