Cordova 如何将Phonegap插件集成到条形码扫描仪的移动web应用程序中？
我们正在尝试在我们的移动web应用程序中集成用于条形码扫描仪的phonegap插件。有人能帮我整合一下吗 我添加了Phonegap.js和cardova.js，插件试图安装，但它花费了太多时间，而且没有安装 这是我的HTML内容Cordova 如何将Phonegap插件集成到条形码扫描仪的移动web应用程序中？,cordova,phonegap-plugins,barcode-scanner,Cordova,Phonegap Plugins,Barcode Scanner,我们正在尝试在我们的移动web应用程序中集成用于条形码扫描仪的phonegap插件。有人能帮我整合一下吗 我添加了Phonegap.js和cardova.js，插件试图安装，但它花费了太多时间，而且没有安装 这是我的HTML内容 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Bar code Reader</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="barcodescanner.js"></script>
<script src="cordova.js"></script>
<script>
$(document).ready(function () {
app.initialize();
});
function clickScan() {
console.log("I am now scanning");
window.plugins.barcodeScanner.scan(function (result) {
alert("We got a barcode\n" +
"Result: " + result.text + "\n" +
"Format: " + result.format + "\n" +
"Cancelled: " + result.cancelled);
}, function (error) {
alert("Scanning failed: " + error);
});
}
</script>
</head>
<body>
<button id="scan" style="padding: 10px;" onclick="clickScan">Scan!</button>
</body>
</html>
条形码阅读器
$（文档）.ready（函数（）{
app.initialize（）；
});
函数clickScan（）{
log（“我现在正在扫描”）；
window.plugins.barcodeScanner.scan（函数（结果）{
警报（“我们得到了一个条形码\n”+
结果：“+Result.text+”\n+
格式：“+result.Format+”\n+
“已取消：“+结果.已取消”）；
}，函数（错误）{
警报（“扫描失败：+错误”）；
});
}
扫描
Node.js$sudo npm install-g phonegap$phonegap的应用程序create hello com.example.hello HelloWorld$cd hello $ phonegap build ios
[phonegap] detecting iOS SDK environment...
[phonegap] using the local environment
[phonegap] compiling iOS...
[phonegap] successfully compiled iOS app
phonegap本地插件添加https://github.com/phonegap-build/BarcodeScanner.git$phonegap remote install ios
#……或者。。。
$phonegap remote run ios<!DOCTYPE HTML>
<html>
<head>
<title>Barcode Scanner DEMO</title>
<script type="text/javascript" src="plugins/plugin-loader.js"></script>
<script type="text/javascript" charset="utf-8">
monaca.viewport({width : 320});
function scanBarcode() {
window.plugins.barcodeScanner.scan( function(result) {
alert("We got a barcode\n" +
"Result: " + result.text + "\n" +
"Format: " + result.format + "\n" +
"Cancelled: " + result.cancelled);
}, function(error) {
alert("Scanning failed: " + error);
}
);
}
</script>
</head>
<hr> BarcodeReader DEMO <hr><br>
<input type="button" onClick ="scanBarcode()" value ="Scan" />
</body>
</html>
条形码扫描仪演示
monaca.viewport（{width:320}）；
函数scanBarcode（）{
window.plugins.barcodeScanner.scan（函数（结果）{
警报（“我们得到了一个条形码\n”+
结果：“+Result.text+”\n+
格式：“+result.Format+”\n+
“已取消：“+结果.已取消”）；
}，函数（错误）{
警报（“扫描失败：+错误”）；
}
);
}
条形码阅读器演示