首页 > 解决方案 > 如何在 React 中实现 Web 条形码扫描仪以在浏览器(桌面/移动)中工作?

问题描述

我想要一个摄像头视图,它使用设备的摄像头并检测条形码的数据。如何在 React 应用程序中完成?

不适用于 React Native。它必须使用浏览器在桌面和移动设备上工作。

标签: reactjsbarcodebarcode-scanner

解决方案


只要您使用以 JavaScript 实现的条形码库,您就可以使您的网络应用程序在桌面和移动设备上运行。

我写了一篇文章 - How to Build Web Barcode Scanner Using React and Webcam,向您展示了如何使用 Dynamsoft JavaScript Barcode SDK 从头开始​​构建这样的应用程序。

Dynamsoft JavaScript Barcode SDK商业软件如果您想免费使用开源SDK ,可以使用ZXing作为替代。

这是源代码:

https://github.com/yushulx/zxing-cpp-emscripten


推荐阅读