QuaggaJS + React, czyli skaner kodów kreskowych

2020-05-03

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.

Robert Skarżycki - zdjęcie profilowe

Pisanina, której autorem jest Robert Skarżycki - programista .NET, mąż szczęśliwej żony, rodzic
moje bio
mój Twitter
mój LinkedIn
moje szkolenia i warsztaty

© 2022, Built with Gatsby & passion