studio - Integración del escáner de código de barras de Android con página web.
leer codigo de barras con celular php (3)
Puedes probar esto para Android:
Puede utilizar la biblioteca Zxing para escanear códigos de barras para páginas web
<!DOCTYPE html>
<script type="text/javascript">
//This entire block of script should be in a separate file, and included in each doc in which you want scanner capabilities
function zxinglistener(e){
localStorage["zxingbarcode"] = "";
if(e.url.split("/#")[0] == window.location.href){
window.focus();
processBarcode(decodeURIComponent(e.newValue));
}
window.removeEventListener("storage", zxinglistener, false);
}
if(window.location.hash != ""){
localStorage["zxingbarcode"] = window.location.hash.substr(1);
self.close();
window.location.href="about:blank";//In case self.close is disabled
}else{
window.addEventListener("hashchange", function(e){
window.removeEventListener("storage", zxinglistener, false);
var hash = window.location.hash.substr(1);
if (hash != "") {
window.location.hash = "";
processBarcode(decodeURIComponent(hash));
}
}, false);
}
function getScan(){
var href = window.location.href.split("/#")[0];
window.addEventListener("storage", zxinglistener, false);
zxingWindow = window.open("zxing://scan/?ret=" + encodeURIComponent(href + "#{CODE}"),''_self'');
}
</script>
<html>
<head>
<script type="text/javascript">
function processBarcode(b){
var d = document.createElement("div");
d.innerHTML = b;
document.body.appendChild(d);
}
</script>
</head>
<body>
<button onclick="getScan()">get Scan</button>
</body>
</html>
Para referencia: github.com/zxing/zxing/wiki/Scanning-From-Web-Pages
He estado investigando toda la mañana sobre la integración de una aplicación de escáner de código de barras de Android en una página web, pero no he encontrado exactamente lo que necesito saber. Quiero tener una página web que el usuario pueda completar campos de texto usando un escáner de código de barras de Android. Entonces, el usuario estaría en una página web y haría clic dentro del campo de texto o haciendo clic en un botón al lado del campo de texto que iniciaría el escáner de código de barras de Android. Luego escanearían el código de barras y se completaría el campo de texto.
He encontrado soluciones sobre cómo hacer esto y luego ir a una página diferente, pero es importante que el usuario permanezca en la misma página. He visto el proyecto zxing y pensé que podría usarse, pero no estoy seguro de si permite que la página permanezca igual.
Estoy bastante seguro de que esto es posible y me pregunto si alguien podría darme una descripción general de alto nivel sobre cómo lo harían. Estaba pensando que podría hacerse con una solicitud ajax que se envía con un clic de botón. La solicitud de ajax se enviaría a mi servidor, el servidor enviaría algo al dispositivo Android que iniciaría el escáner y devolvería los datos que, a su vez, se enviarán de vuelta en la respuesta ajax. ¿Hay alguna forma de cortar el servidor y simplemente hacer que el navegador de Android inicie el escáner de código de barras? Gracias por su tiempo y agradezco cualquier discusión al respecto.
Usando una interfaz de javascript y loadurl (javascript ...) puede comunicarse con su página web desde Android
public void loadScript(String script){
webview.loadUrl("javascript:(function() { " + script + "})()");
}
private class JavaScriptInterface {
public void startQRScan() {
...
}
}
Hay un montón de ejemplos en google.
ZXing (paso de cebra) proporciona la capacidad de iniciar el escáner de código de barras a través de una página web a través de un evento de clic de botón, una etiqueta de ancla u otra acción que podría llamar a una URL en un dispositivo móvil.
Cuando la aplicación del escáner de código de barras está instalada en un dispositivo Android, una URL llama a:
zxing://scan/?ret=http://foo.com/products/{CODE}/description&SCAN_FORMATS=UPC_A,EAN_13
Aparecerá el lector de códigos de barras del dispositivo, el usuario escaneará el código y el código se devolverá a través del parámetro de devolución de llamada URL proporcionado en la URL de zxing.
Puede ver un ejemplo (funciona en Android) aquí: http://zxing.appspot.com/scan