Barcode reader - pomoću mobilnog web-a

Pozdrav,

jel ima nešto uhodano da se sa web stranice koja se pregledava putem mobitela, skenira barcode i da se povuče informacija sa tog barcode-a?

Hvala

Šta nije u redu sa good ol’ anchor link (<a href="#">Click!</a>)?
Koji je workflow?
Gdje da se povuče?
Neki podaci da se download-uju u telefon il’ nešto treće?

Korisnik je u fizičkoj trgovini i gleda artikle iza pulta. Na mobitelu ima otvorenu web stranicu te iste trgovine u online svijetu. Zanima ga saznati više o proizvodu koji gleda u fizičkom svijetu i trebao bi moći pomoću web stranice skenirati barcode proizvoda i da ga web stranica odvede točno na taj proizvod.

Da je QR code u pitanju, našao sam ovo: https://github.com/LazarSoft/jsqrcode
Nisam probao, ali vidim imaju live demo koji radi i po forumima su preporučeni.

Ali koliko vidim, nemaju podršku za barcode. (Ali barem sam saznao da se može aktivno obrađivati slika sa kamere putem mobilnog web-a, u što do sada nisam bio siguran jel to mogu samo mobilne aplikacije. :slight_smile: )

Sada treba naći nešto što ima podršku za barcode…
Ovi imaju podršku za barcode: https://www.dynamsoft.com/Products/barcode-recognition-javascript.aspx , live demo im radi …ali se plaćaju. Tražim nešto free, ako ima.

Možda nešto s ovim?

1 Like

Ovaj radi odlično: https://barcodescanr.com/ …samo ne vidim API za korištenje. :slight_smile:

…prepoznaje sam jel QR ili barcode…i puno je brži od drugih. To je good.

Ono što mi pada na pamet kako bi se API za takve skenere bio praktičan za korištenje.

  1. Da barcode skener bude zasebna web aplikacija, developer je uopće ne mora integrirati u svoj web site
  2. Developer samo linkom iz svog web-a poziva web app za skeniranje
  3. Putem parametara tog linka, zadaje scanner aplikaciji koji redirect link
  4. Nakon što je korisnik redirektan na skener, i nakon što je skenirao code …skaner pokreće redirekt link koji popuni sa podacima iz barcodea
  5. Na taj način si prvotni app vraća korisnika tamo gdje želi, a ima u “rukama” informacije iz barcodea.

Heto…ako ima takvo što…to se traži. :slight_smile:
Ako nema, on TODO list je, hehe. …jerbo napraviti jednu integraciju barcode skenera je gotovo identičan posao za napraviti taj API.

Pa ja sam shvatio da ti to 'oćeš da napraviš. Zato sam ti i posl’o taj github link gore.

Pisali smo u isto vrijeme…bio mi je poduže otvoren editor poruke, pa nisam vidio tvoju poruku.
Gledam sada to što si poslao.

Da, svakako bi htio imati vlastitu integraciju. Al kada bi bio već neki tool koji rješava problem kao externi API, nešto nalik gore opisanom…mogao bi i to koristiti.

Nisam siguran je l’ pišemo o istom.
Ja kol’ko s’vatam upravo taj libraby je ono što treba integrisati na sajt.
Kad bi bilo nešto “external” onda bi to “external” trebalo integrisati na sajt.
Ne kapiram: ne želiš da integrišeš ovaj JS jer tražiš neki drugi JS koji bi mog’o da integrišeš (tj. da ga se integriše u bilo koju drugu web app sa izraženim zahtjevom za ovom funkcionalnošću)?
Ova JS skripta nije u redu već bi bila bolja druga JS skripta koju bi mor’o integrisati, je l’?
Ili pričaš o nečemu drugom, nisam siguran.

Pa primarno mi je rješiti zadatak, pitao si koji je workflow…tu se vjerujem razumijemo.
Nadalje, sam predložio koji bi meni najlakši način bio da isto rješim…kada bi takav alat postojao.

Tu se vjerujem nismo najbolje razumjeli, pa da dočaram koliko bi jednostavno bilo taj alat koristiti.
U slučaju postojanja takvog alata, sve što bi ja na stranici trebao integrirati je:

var link = 'http://barcodescanner.com?redirect='+toURI("http://www.myWebSite/subPage");
// i sada taj link postavim bilo kojem anchor tagu...
<a href='{link}'>Scan barcode</a>

I sad nakon što korisnik klikne taj link…odveden je na skener koji se tamo automatski upali. Nakon što skener skenira barcode…taj externi tool automatski trigira zadani redirekt link, ali tako da ga popuni sa podacima iz barcodea:
Znači skener po završetku poziva radi redirect na:

http://www.myWebSite/subPage?barcode=124-4874-5748

…a ja u aplikaciji normalno naštimam na toj adresi što će se desiti…i pičim dalje.

Znači integracija takvog skenera bi bila full praktična, bez potrebe za ikakvim dependenciem…

Myfitnesspal ima barcode reader i izbacuje prehrambene vrijednosti za vecinu poznatih stvari iz trgovina. Probao sam par puta i skuzio koliko hrane se rebrendira. Npr. ocitao sam neku random tunu iz Metroa i izbacilo mi je tunu, ali neki brend sa Tajlanda.

Ne slažem se sa ocjenom potencijala.
Mislim da nema potrebe integraciju jednog JS fajla mijenjati kompletnim 3rd party serverom.
Na stranu što mislim da bi integracija po prirodi stvari bila puno kompleksnija (od postojeće integracije jednog JS fajla).

nedavno je kolegica koristila jedan npm paket koji ima podršku za bar kod i QR nešto sam malo radio s tim i ok je radilo s mobilne kamere u oba slučaja. Provjerim pa javim sutra.

evo:

koliko vidim za angular je, ali eto možda postoji opcija da se koristi i drugdje. U angularu radi dobro, skenira uredno proizvode s kamerom i vrati broj koji poslije obrađuješ javascriptom kako ti paše.

1 Like

Fala, ali da napomenem da radi uredno i ovo što je kolega tpojka linkao. :wink:

A radit će uskoro i servis koji će to moći odraditi bez ikakve instalacije :slight_smile:

1 Like