How to implement barcode scanning in NocoBase (desktop + mobile)?

English Forum Questions
1

Hi everyone,

I’m currently using NocoBase and would like to implement a barcode scanning feature that works on both desktop and mobile devices.

My goal is:

  • On desktop: support barcode scanners (USB/Bluetooth) that can input data directly into a form field.
  • On mobile: allow users to scan barcodes using the device camera within the NocoBase interface (instead of relying on external apps).

I have a few questions:

  1. Does NocoBase have any built-in support or plugin for barcode scanning?
  2. What is the best approach to enable camera-based barcode scanning on mobile (e.g., using a custom component or JS block)?
  3. Has anyone successfully integrated libraries like html5-qrcode or QuaggaJS into NocoBase?
  4. How can I automatically fill a field and trigger actions (e.g., submit form or fetch data) after scanning?

Any guidance, examples, or best practices would be greatly appreciated.

Thank you!

2

Hello, the scanning device supports converting barcodes to text. Simply open the form and scan the barcode. The form text fields support setting up scanning functionality and automatic focus.

image
image1094×907 54.5 KB

3

i’m in v2.0, it possible

4

Use version v1 page on version 2.0.

5

image
image1276×468 26.6 KB

6

v2 page
image

7

Why doesn’t it appear in V2?

8

v2 is not currently supported.