O mnieBlogGitHub

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.
© 2020, Built with Gatsby