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