web-dev-qa-db-fra.com

Scanner de code à barres pour téléphone portable pour site Web en forme

J'ai un site Web de maintenance d'inventaire opérationnel. actuellement, les utilisateurs finaux saisissent manuellement l'id d'élément sur le système et l'utilisent pour rechercher et effectuer leur travail. Je voudrais automatiser la frappe pour scanner des codes QR. Nous essayons d'implémenter les utilisateurs à utiliser l'appareil photo de leur téléphone portable pour faire office de scanner.

Ainsi, l’utilisateur définit le focus sur la zone de texte et utilise son téléphone portable pour scanner le code et la valeur doit être automatiquement placée dans la zone de texte.

Les applications sur le marché ne transfèrent pas de données dans un ordinateur ou un formulaire Web directement. Nous essayons de mettre en œuvre un scanner Web open source plutôt que d'acheter un produit ou une application coûteux. Pouvez-vous en proposer une ou devons-nous créer notre propre application? Si oui, par où puis-je commencer?

javascripthtmlqr-codebarcode-scanner
28
M.A

Il existe un scanner JS QrCode, qui fonctionne sur les sites mobiles avec une caméra: 

https://github.com/LazarSoft/jsqrcode

J'ai travaillé avec pour l'un de mes projets et ça marche plutôt bien!

10
edi9999

Scandit est une startup qui a pour objectif de remplacer les lecteurs de codes-barres laser encombrants et coûteux par des téléphones portables bon marché.

Il existe des kits de développement logiciel pour Android, iOS, Windows, API C/Linux, React Native, Cordova/PhoneGap, Xamarin. 

Il existe également Scandit Barcode Scanner SDK pour le Web dont la version WebAssembly du SDK. Il fonctionne dans les navigateurs modernes, y compris sur les téléphones.

Il existe une bibliothèque client qui fournit également un composant sélecteur de code à barres. Il peut être utilisé comme ceci:

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

Disclaimer: Je travaille pour Scandit

5
mak

Découvrez https://github.com/serratus/quaggaJS

"QuaggaJS est un scanner de codes à barres entièrement écrit en JavaScript, qui prend en charge la localisation et le décodage en temps réel de divers types de codes à barres, tels que EAN, CODE 128, CODE 39, EAN 8, UPC-A, UPC-C, I2of5, 2of5, CODE 93. La bibliothèque est également capable d'utiliser getUserMedia pour obtenir un accès direct au flux de caméras de l'utilisateur. Bien que le code repose sur un traitement d'image intensif, même les smartphones récents sont capables de localiser et de décoder des codes à barres en temps réel. "

3
bchr02

Vous pouvez utiliser l'application Android Terminal de scanner de codes à barres (AVERTISSEMENT! Je suis le développeur). Il peut numériser le code à barres et l'envoyer à l'ordinateur et le saisir dans votre cas sur le formulaire Web. Plus de détails ici .

2
TheStoryCoder

Nous avons une application dans Google Play et l'App Store qui va scanner des codes à barres sur un site Web. L'application s'appelle Scan to Web . http://berrywing.com/scantoweb.html

Vous pouvez même intégrer un lien ou un bouton pour démarrer le scanner vous-même dans votre page Web.

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

Le site Web du développeur sur l'application décrit l'utilisation de l'application et l'utilisation de JavaScript pour le traitement du code-barres . http://berrywing.com/scantoweb/#htmlscanbutton

1
Berry Wing