QR-код для прогрессивного веб-приложения (PWA)

Question

Я хочу использовать QR Code Scanner в моем прогрессивном веб-приложении (также PWA).

Использование: Представьте, что есть магазин с большим количеством QR-кода для его товаров и продуктов. Всякий раз, когда пользователь сканирует QR-код, я хочу добавить товар в корзину покупателя.

Вопрос: Есть ли компонент для его реализации? Как?

Answer 1

Я только что создал простой проект PWA, используя SDK для Dynamsoft JavaScript. Если вы не возражаете, это коммерческий SDK, вы можете попробовать его: https://github.com/dynamsoft-dbr/javascript-barcode/tree/master/examples/pwa.

Вот мои скриншоты:

Мобильный телефон

Desktop

В качестве альтернативы, вы можете использовать проект с открытым исходным кодом ZXing. Я отправил несколько примеров в GitHub: https://github.com/yushulx/zxing-cpp-emscripten. Интегрировать zxing.js в ваш проект PWA для сканирования QR-кода довольно просто.

Answer 2

Я думаю, что эти проекты могут помочь вам:

• ор-код-сканер

URL: https://github.com/code-kotis/qr-code-scanner

Поддерживается браузер: Google Chrome, Firefox, Opera (как для настольных ПК, так и для мобильных устройств), Microsoft Edge ((сборка Insider Preview)) и теперь также поддерживает iOS

• PWA-QR-код-сканер

URL: https://github.com/Minishlink/pwa-qr-code-scanner

Поддерживаемый браузер: Google Chrome, Firefox, Microsoft Edge