QuaggaJS + React, czyli skaner kodów kreskowych
03 May, 2020 - 1 min read
QuaggaJS to bardzo poręczna biblioteka do odczytywania kodów kreskowych za pomocą samego JavaScriptu. Daje radę z kilkoma formatami kodów i odczytuje je bardzo sprawnie. Ostatnio chciałem zobaczyć, jak można to zintegrować z Reaktem, a że dostępny w internecie przykład jest baaaaardzo stary (React w wersji 0.x
...), postanowiłem przygotować na szybko coś z najnowszym Reaktem (i TypeScriptem): https://github.com/robert-skarzycki/quagga-react-example
Podlinkowane repozytorium to w zasadzie kod strony, która prezentuje bibliotekę w działaniu. Jak widać, wystarczy kilka linijek kodu, a od razu dostajemy i samo odczytywanie kodów kreskowych, jak i okienko podglądu z kamerki. Wow!
Zapraszam do forkowania i eksperymentowania - na stronie z dokumentacją do biblioteki można przeczytać, jak pozmieniać konfigurację, na przykład:
- zmienić rozpoznawany format kodów,
- przełączyć na kamerkę en face lub tylną,
- włączać i wyłączać dekodowanie (żeby nie obciążać urządzenia)
- itd.