javascript - online - Escáner de código de barras para teléfono móvil para sitio web en forma

leer codigo de barras con celular php

Question

Tengo el sitio web de mantenimiento de inventario en funcionamiento. actualmente, los usuarios finales están escribiendo manualmente la identificación del artículo en el sistema y la utilizan para buscar y hacer su trabajo. Me gustaría automatizar la escritura para escanear códigos qr. Estamos tratando de implementar a los usuarios para que utilicen la cámara de su teléfono móvil para que actúe como un escáner.

Por lo tanto, el usuario establece el foco en el cuadro de texto y utiliza su teléfono móvil para escanear el código y el valor debe colocarse automáticamente en el cuadro de texto.

Las aplicaciones en el mercado no transfieren datos a una PC o formulario web directamente. Estamos tratando de implementar un escáner web de código abierto en lugar de comprar un producto o una aplicación costosa. ¿Puedes sugerir una o debemos crear nuestra propia aplicación? Si es así, ¿de dónde puedo empezar?

Answer 1

Echa un vistazo a https://github.com/serratus/quaggaJS

"QuaggaJS es un escáner de códigos de barras completamente escrito en JavaScript que admite la localización y decodificación en tiempo real de varios tipos de códigos de barras como EAN, CODE 128, CODE 39, EAN 8, UPC-A, UPC-C, I2of5, 2of5, CODE 93 y CODABAR. La biblioteca también es capaz de usar getUserMedia para obtener acceso directo a la transmisión de la cámara del usuario. Aunque el código se basa en un gran procesamiento de imágenes, incluso los teléfonos inteligentes más recientes son capaces de localizar y decodificar códigos de barras en tiempo real ".

Answer 2

Echa un vistazo a esto: http://qrdroid.com/web-masters.php

Puede crear un enlace en su formulario web, algo como:

http://qrdroid.com/scan?q=http://www.your-site.com/your-form.php?code= {CODE}

Cuando alguien haga clic en ese enlace, se abrirá una aplicación para escanear el código. Después de que el usuario escanea el código, se llamará automáticamente a http://www.your-site.com/your-form.php?code= {CODE} . Luego puede hacer que your-form.php lea el código del parámetro para rellenar previamente el campo.

Answer 3

Hay un escáner JS QrCode, que funciona en sitios móviles con una cámara:

https://github.com/LazarSoft/jsqrcode

¡He trabajado con él para uno de mis proyectos y funciona bastante bien!

Answer 4

Puede usar la aplicación de Android Barcode Scanner Terminal (DESCARGO DE RESPONSABILIDAD! Soy el desarrollador). Puede escanear el código de barras y enviarlo a la PC y, en su caso, ingresarlo en el formulario web. Más detalles here .

Answer 5

Sé que este tiene algunos años en este momento, pero he escrito un programa que necesitaba algo similar:

Este programa permite a los usuarios hacer esto:

http://bridgeit.mobi/

Es una aplicación de teléfono que expone diferentes características para ser utilizadas desde un sitio web.

Answer 6

Tenemos una aplicación en Google Play y la App Store que escaneará los códigos de barras en un sitio web. La aplicación se llama Scan to Web. http://berrywing.com/scantoweb.html

Incluso puede insertar un enlace o botón para iniciar el escáner usted mismo dentro de su página web.

<a href="bwstw://startscanner">Link to start scanner</a>

El sitio web de documentación para desarrolladores de la aplicación cubre cómo usar la aplicación y usar JavaScript para procesar el escaneo de códigos de barras. http://berrywing.com/scantoweb/#htmlscanbutton

Answer 7

Scandit es una empresa Scandit cuyo objetivo es reemplazar los escáneres de códigos de barras láser voluminosos y costosos con teléfonos móviles baratos.

Existen SDK para Android, iOS, Windows, C API / Linux, React Native, Cordova / PhoneGap, Xamarin.

También existe el SDK del escáner de código de barras Scandit para la Web, que es la versión WebAssembly del SDK. Se ejecuta en los navegadores modernos, también en los teléfonos.

Hay una biblioteca cliente que también proporciona un componente selector de código de barras. Se puede usar así:

<div id="barcode-picker" style="max-width: 1280px; max-height: 80%;"></div>

<script src="https://unpkg.com/scandit-sdk"></script>
<script>
    console.log(''Loading...'');
    ScanditSDK.configure("xxx", {
engineLocation: "https://unpkg.com/scandit-sdk/build/"
    }).then(() => {
      console.log(''Loaded'');
      ScanditSDK.BarcodePicker.create(document.getElementById(''barcode-picker''), {
        playSoundOnScan: true,
        vibrateOnScan: true
      }).then(function(barcodePicker) {
        console.log("Ready");
        barcodePicker.applyScanSettings(new ScanditSDK.ScanSettings({
          enabledSymbologies: ["ean8", "ean13", "upca", "upce", "code128", "code39", "code93", "itf", "qr"],
          codeDuplicateFilter: 1000
        }));
        barcodePicker.onScan(function(barcodes) {
          console.log(barcodes);
        });
      });
    });
</script>

• npm
• Documentation

Descargo de responsabilidad: trabajo para Scandit