This repository shows how to use the STRICH SDK to create a barcode scanning application using vanilla JavaScript (ES6), HTML and CSS, without any framework or build tooling.
The app implements four basic scanning workflows that are popular in real-world use cases:
- Popup scanner: scans a single barcode using the built-in PopupScanner integration.
- Single scan: scans a single barcode and returns the home screen
- Repeated scans: scans barcodes repeatedly, with a user interaction between scans
- Multiple scans: scans multiple barcodes until some condition is met
There's a PDF test sheet in this repository that can be used to run the samples. To generate your own barcodes, use Barcode.new or other online barcode generators.
The app still needs to be served from a secure origin. For development purposes, we've included a Python script serve_https.py to show how to use Python's built-in capabilities to quickly create a development server.
To create a self-signed certificate, check out any guide on the internet or this Stackoverflow answer: https://stackoverflow.com/a/41366949/1370154
Then run the script in this directory to serve the app over an HTTPS connecting using the self-signed certificate:
$ python3 serve_https.py tls_key.pem tls_cert.pemAnother popular option is to serve the application locally (by using serve_http.py for instance) and expose it via ngrok or similar tools, with an automatically created TLS certificate and public DNS.