渐进式Web应用（PWA）QR码扫描器

Question

我想在我的渐进式Web应用程序（也称为PWA）中使用QR Code Scanner。

用法：想象一下，一家商店的商品和产品都有很多QR码。每当用户扫描QR码时，我都想将商品添加到购物车中。

问题：是否有任何实现组件？怎么样？

Answer 1

我找到了zxing-js （ Zebra Crossing Library ）确实非常有用且非常灵活，甚至比他们的ngx-scanner

在这里找到具有很多示例

的库

https://github.com/zxing-js/library

Answer 2

我认为这些项目可以为您提供帮助：

• 二维码扫描器

网址：https://github.com/code-kotis/qr-code-scanner

受支持的浏览器：Google Chrome，Firefox，Opera（台式机和移动版），Microsoft Edge（（Insider Preview版本）），现在也支持iOS

• pwa-qr-code-scanner

网址：https://github.com/Minishlink/pwa-qr-code-scanner

支持的浏览器：谷歌浏览器，Firefox，Microsoft Edge

Answer 3

这个不是很落后，它是开源的。

https://github.com/jbialobr/JsQRScanner

Answer 4

我刚刚使用Dynamsoft JavaScript条码SDK创建了一个简单的PWA项目。如果您不介意这是一个商业SDK，可以尝试一下：https://github.com/dynamsoft-dbr/javascript-barcode/tree/master/examples/pwa。

这是我的屏幕截图：

移动

桌面

或者，您可以使用开源项目ZXing。我已经向GitHub提交了一些示例：https://github.com/yushulx/zxing-cpp-emscripten。将zxing.js集成到您的PWA项目中以扫描QR代码非常容易。