Mobile and Offline Developer Guide

Mobile App Development with Lightning Web Components and LWC Offline
Create Mobile-Ready Components
Use Mobile Device Features in Mobile Apps
Request App Review
Scan Barcodes
Barcode Scanning User Experience
Use the BarcodeScanner API
BarcodeScanner Example–Modern Scanning API
BarcodeScanner Example—Single Scan (Legacy)
Scan Multiple Barcodes (Legacy)
BarcodeScanner Example—Continuous Scanning (Legacy)
Create a Self-Service Kiosk Application
BarcodeScanner Example—Self-Service Kiosk (Legacy)
Customize the BarcodeScanner User Interface
Compatibility and Requirements
Considerations and Limitations
Access Device Biometrics
Manage Calendar Events
Access Contacts
Scan Documents
Monitor Geofences
Use Location
Interact With NFC Tags
Tap to Pay
Offline Considerations and Limitations
Offline Environment Details
Use Salesforce Features While Offline
Development Tools and Processes
Quick Start Tutorials
PDF

Newer Version Available

This content describes an older version of this product. View Latest

BarcodeScanner Example–Modern Scanning API

Here’s a complete example of a Lightning web component that uses BarcodeScanner to scan multiple barcodes simultaneously and process them in a batch after scanning is completed.

The HTML template provides a minimal scanning user interface. There’s an element to display the results of the scans in a list view, a bit of static help text, and a button to start scanning.

This example displays all the values of successful scans in a list view. It’s a streamlined example, emphasizing the scanning lifecycle of the modern scanning APIs.