Connect a Barcode Scanner to an Electron Desktop App

QR Code

Electron is a cross-platform framework for building desktop apps with JavaScript, HTML, and CSS.

In agricultural, industrial, and logistics integrated facilities, such desktop apps often need to read information from barcodes and QR codes printed on real-life physical objects.

Photo by 591360 on Pixabay
Barcode Scanner
Photo by PDPhotos on Pixabay

Such barcodes and QR codes are scanned with a barcode scanner such as Zebra DS4305 Digital Scanner connected to the computer with a USB connector.

Receiving the code into the Electron app turns up to be very simple. The scanner is viewed as a keyboard.

So if you have in the HTML an input element,

<input id="codeInput"/>

And we focus the program on the input field, using JavaScript,


The scanner reads the code into the input field like it was typed in by the keyboard.

Yoram Kornatzky

Yoram Kornatzky