渐进式网页应用 (PWA) 二维码扫描器

Question

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

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

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

Answer 1

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

• 二维码扫描器

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

支持的浏览器：Google Chrome、Firefox、Opera（桌面版和移动版）、Microsoft Edge（（预览体验版）），现在也支持 iOS

• pwa-qr-code-scanner

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

支持的浏览器：Google Chrome、Firefox、Microsoft Edge

Answer 2

我发现 zxing-js（斑马线库）真的非常有用且非常灵活，甚至比他们的 ngx-scanner

在这里您可以找到包含大量示例的库

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

Answer 3

这个不是滞后的，它是开源的。

https://github.com/jbialobr/JsQRScanner

Answer 4

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

这是我的截图：

移动的

桌面

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