Scanner di codici a barre per telefono cellulare per il sito Web nel modulo

Question

Ho il sito Web di manutenzione di inventario in servizio. attualmente gli utenti del back-end stanno digitando manualmente l'id dell'oggetto sul sistema e usando per cercare e fare il loro lavoro. Vorrei automatizzare la digitazione per la scansione dei codici QR. Stiamo provando a implementare gli utenti per utilizzare la fotocamera del cellulare per fungere da scanner.

Così l'utente imposta il focus sulla casella di testo e utilizza il suo telefono cellulare per scansionare il codice e il valore deve essere automaticamente posizionato sulla casella di testo.

Le app sul mercato non trasferiscono direttamente i dati in un pc o modulo web. Stiamo cercando di implementare un web scanner open source piuttosto che acquistare un prodotto o un'app costosi. Puoi suggerirne uno o dobbiamo creare la nostra app? Se sì, da dove posso iniziare?

Answer 1

Check this out: http://qrdroid.com/web-masters.php

È possibile creare un collegamento nel modulo web, qualcosa di simile:

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

Quando qualcuno clicca quel link, un l'app per scansionare il codice verrà aperta. Dopo che l'utente ha eseguito la scansione del codice, verrà automaticamente chiamato http://www.your-site.com/your-form.php?code= {CODE}. È quindi possibile effettuare your-form.php leggere il parametro codice per prepopolare il campo.

Answer 2

C'è uno scanner JS QrCode, che funziona su siti mobile con una macchina fotografica:

https://github.com/LazarSoft/jsqrcode

Ho lavorato con lui per uno del mio progetto e funziona piuttosto bene!

Answer 3

È possibile utilizzare l'applicazione Android Barcode Scanner Terminal (ESCLUSIONE! Sono lo sviluppatore). Può scansionare il codice a barre e inviarlo al PC e nel tuo caso inserirlo nel modulo web. Maggiori dettagli here.

Answer 4

So che questo è di pochi anni, a questo punto, ma ho scritto un programma che aveva bisogno di qualcosa di simile:

Questo programma consente agli utenti di fare questo:

http://bridgeit.mobi/

E ' app del telefono che espone funzionalità diverse da utilizzare da un sito Web.

Answer 5

Abbiamo un'app in Google Play e l'App Store che analizzerà i codici a barre in un sito web. L'app si chiama Scan to Web. http://berrywing.com/scantoweb.html

È anche possibile incorporare un collegamento o un pulsante per avviare lo scanner da soli all'interno della pagina Web.

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

Il sito documentazione per sviluppatori per l'applicazione copre come utilizzare l'applicazione e utilizzare JavaScript per l'elaborazione della scansione del codice a barre. http://berrywing.com/scantoweb/#htmlscanbutton

Answer 6

Scandit è una startup il cui obiettivo è quello di sostituire ingombranti, costosi scanner di codici a barre laser con i telefoni cellulari a basso costo.

Ci sono SDK per Android, iOS, Windows, C API/Linux, React Native, Cordova/PhoneGap, Xamarin.

C'è anche Scandit Barcode Scanner SDK for the Web quale versione di WebSssembly dell'SDK. Funziona con browser moderni, anche su telefoni.

C'è un client library che fornisce anche un componente di selezione del codice a barre. Può essere utilizzato in questo modo:

<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

Disclaimer: io lavoro per Scandit