Progressive Web App（PWA）QR码扫描仪

Question

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

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

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

Answer 1

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

• QR码扫描仪

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

支持的浏览器：谷歌浏览器，Firefox，Opera（桌面和移动），Microsoft Edge（（内部预览版）），现在也支持iOS

• PWA-QR码扫描仪

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

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

Answer 2

我刚刚使用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码非常容易。