Progressive Web Application(PWA)内でQR Code Scanner
を使用したい。
使用法:その商品と製品用のQRコードがたくさんあるお店があると想像してください。ユーザーがQRコードをスキャンするたびに、買い物客のカートに商品を追加したいと思います。
質問:それを実装するコンポーネントはありますか?どうやって?
これらのプロジェクトはあなたを助けることができると思います:
URL: https://github.com/code-kotis/qr-code-scanner
サポートされているブラウザ:Google Chrome、Firefox、Opera(デスクトップとモバイルの両方)、Microsoft Edge((Insider Preview build))、iOSもサポートするようになりました
URL: https://github.com/Minishlink/pwa-qr-code-scanner
サポートされているブラウザ:Google Chrome、Firefox、Microsoft Edge
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 。 QRコードをスキャンするために、zxing.jsをPWAプロジェクトに統合するのは非常に簡単です。