Dynamsoft JavaScript barcode SDK построен на основе WebAssembly, который обеспечивает высокую производительность для чтения штрих-кодов в веб-приложениях. Цель этого руководства — продемонстрировать, как быстро создать простой веб-считыватель штрих-кодов с помощью SDK React и Dynamsoft JavaScript.

Скачать

Node.js

Простой веб-считыватель штрих-кодов

Создайте новое реагирующее приложение:

npx create-react-app react-wasm-barcode 
cd react-wasm-barcode

Загрузите и инициализируйте библиотеку штрих-кодов JavaScript в public/index.html:

Если у вас нет действующей лицензии, вы можете зарегистрировать учетную запись Dynamsoft и получить 30-дневную бесплатную пробную лицензию. Чтобы сделать считыватель штрих-кода доступным по всему миру, назначьте объект window.reader.

Создайте компонент штрих-кода в Barcode.js:

Используйте элемент Input для загрузки изображения и записи кода обнаружения штрих-кода в функцию onChanged().

Импортируйте компонент штрих-кода в App.js:

Запустите приложение:

yarn start

Откройте localhost:3000 в веб-браузере, чтобы запустить демонстрацию:

Исходный код

https://github.com/dynamsoft-dbr/javascript-barcode/tree/master/examples/react-wasm-barcode

Первоначально опубликовано на www.codepool.biz 16 января 2019 г.