Barcode-Scanner für Handy für Website in Form [closed]

Ich habe eine Bestandspflege-Website eingerichtet und ausgeführt. Derzeit geben die Back-End-Benutzer die Artikel-ID manuell in das System ein und verwenden sie, um zu suchen und ihre Arbeit zu erledigen. Ich möchte das Tippen zum Scannen von QR-Codes automatisieren. Wir versuchen, Benutzer dazu zu bringen, ihre Handykamera als Scanner zu verwenden.

Der Benutzer setzt also den Fokus auf das Textfeld und verwendet sein Mobiltelefon, um den Code zu scannen, und der Wert muss automatisch auf dem Textfeld platziert werden.

Die Apps auf dem Markt übertragen Daten nicht direkt in einen PC oder ein Webformular. Wir versuchen, einen Open-Source-Webscanner zu implementieren, anstatt ein teures Produkt oder eine teure App zu kaufen. Können Sie eine vorschlagen oder müssen wir unsere eigene App erstellen? Wenn ja, wo kann ich anfangen?

Kasse https://github.com/serratus/quaggaJS

„QuaggaJS ist ein Barcode-Scanner, der vollständig in JavaScript geschrieben ist und die Lokalisierung und Dekodierung verschiedener Arten von Barcodes in Echtzeit unterstützt, wie z und CODABAR. Die Bibliothek ist auch in der Lage, getUserMedia zu verwenden, um direkten Zugriff auf den Kamerastream des Benutzers zu erhalten. Obwohl der Code auf starker Bildverarbeitung beruht, sind selbst neuere Smartphones in der Lage, Barcodes in Echtzeit zu lokalisieren und zu decodieren.”

Es gibt einen JS-QrCode-Scanner, der auf mobilen Websites mit einer Kamera funktioniert:

https://github.com/LazarSoft/jsqrcode

Ich habe damit für eines meiner Projekte gearbeitet und es funktioniert ziemlich gut!

Scandit ist ein Startup, dessen Ziel es ist, sperrige, teure Laser-Barcode-Scanner durch billige Mobiltelefone zu ersetzen.

Es gibt SDKs für Android, iOS, Windows, C API/Linux, React Native, Cordova/PhoneGap, Xamarin.

Es gibt auch Scandit Barcode Scanner SDK für das Web die die WebAssembly-Version des SDK. Es läuft in modernen Browsern, auch auf Handys.

Da ist ein Client-Bibliothek die auch eine Barcode-Picker-Komponente bereitstellt. Es kann wie folgt verwendet werden:

<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
• Dokumentation

Haftungsausschluss: Ich arbeite für Scandit

Sie können die Android-App verwenden Barcode-Scanner-Terminal (HAFTUNGSAUSSCHLUSS! Ich bin der Entwickler). Es kann den Barcode scannen und an den PC senden und in Ihrem Fall in das Webformular eingeben. Mehr Details hier.

Sieh dir das an:
http://qrdroid.com/web-masters.php

Sie können einen Link in Ihrem Webformular erstellen, etwa so:

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

Wenn jemand auf diesen Link klickt, wird eine App zum Scannen des Codes geöffnet. Nachdem der Benutzer den Code gescannt hat, http://www.ihre-seite.com/ihr-formular.php?code={CODE} wird automatisch aufgerufen. Kannst du dann machen ihr-formular.php Lesen Sie den Parameter Code um das Feld vorzubelegen.

Wir haben eine App in Google Play und im App Store, die Barcodes in eine Website scannt. Die App heißt Scan to Web.
http://berrywing.com/scantoweb.html

Sie können sogar einen Link oder eine Schaltfläche in Ihre Webseite einbetten, um den Scanner selbst zu starten.

<a href="https://stackoverflow.com/questions/17738395/bwstw://startscanner">Link to start scanner</a>

Auf der Entwicklerdokumentations-Website für die App wird beschrieben, wie Sie die App verwenden und JavaScript zum Verarbeiten des Barcode-Scans verwenden.
http://berrywing.com/scantoweb/#htmlscanbutton