如何在 React 中实现 Web 条形码扫描仪以在浏览器（桌面/移动）中工作？

【问题标题】：How can I implement a Web barcode scanner in React to work in browser (desktop/mobile)?如何在 React 中实现 Web 条形码扫描仪以在浏览器（桌面/移动）中工作？
【发布时间】：2019-11-04 06:41:17
【问题描述】：

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

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

【问题讨论】：

您是在尝试从头开始实现它，还是在寻找插件？ scandit-sdk-react 应该做的工作

标签： reactjs barcode barcode-scanner

【解决方案1】：

只要您使用以 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

【讨论】：