Got a few questions on qrcodes , scanning of qrcodes and photos

Wappler General
#1

I am planning out a new project that is going to be a heavily data driven website with mobile app. I use to use Dreamweaver and now i am looking at Wapple as a replacement. i have read some of the documentation and i still got a few questions.

Part of the website/app would store information on devices the company uses. for each device i would like to generate a qrcode for it as data on the device is being inputted, the qcode can be auto generated (how if possible)?

in the mobile app side of the would it be possible for the mobile devices to scan the qrcode to preform searches on the databases?

I have read some of the material on image uploading, but i was wondering how can be done on the mobile size, especially since one has to take into account some level if image file size reduction and rescaling of the image ?

Can Wappler do any of these things ?

#2

Hi Andre,

You would require an external resource/class to accomplish this currently. Here is a PHP example but for mobile apps I believe you would require a JS library similar to the following:

https://www.phpclasses.org/package/8890-PHP-Generate-QR-Code-images-in-pure-PHP.html#download

I do not believe this would be possible right now, not out of the box so to speak. You would have to investigate alternative options.

Yes Wappler can do this for you. Wappler can serve/scale the images based upon device screen size. There are many guides on how this can be achieved in the documentation.

1 Like
QR CODE Generator
#3

For the QR code questions
i have done a website (that is for mobile) that can generate and read them (use them is search) easily using the camera and its working on IOS and Android.
i even have the website read and generate barcodes (witch is much more harder)
all you need is JS libraries. and there is plenty out there

1 Like
#4

Hi, Mohammad,
Thanks for sharing this information.
Would you please share js libraries you used for QR codes generation and scan?
Did you do QR code generation on client side or on server side, as a REST api for example using node.js?

#5

Hi
I used this for qr code generation
https://davidshimjs.github.io/qrcodejs/

Now for reading I don’t remember what i have used. But im using this for barcode reading currently
https://serratus.github.io/quaggaJS/
Basically all readers are opening a stream of video to decode the frames.

Everything is client side.

4 Likes
#6

Hi @mrbdrm,

Can I ask you to share some experience and perhaps even some basic code on how you managed to use quaggaJS in Wappler?

Thanks in advance for your response.

#7

mmm can always use google api… its depreciated but still working…

so anything after chl= will be rendered as a QR code…

<img dmx-bind:src="https://chart.googleapis.com/chart?chs=180x180&cht=qr&chl={{yourvar}}" style="margin: 0px; border: 1px solid #000000; margin-top: 20px;" />

#8

Thank you for your reply, @Mozzi. Am I correct in assuming that the google charts api provides generating a qr code? If so, I was actually looking for the other way around. So barcode scanning through some js library, and then sending the code over to a server action to query database or whatever.

#9

oohh ok… i guess this will only work for mobile users.

#10

Cool thanks for the link, I will try it out!

#11

Most mobile phones have a qr scanner these days… how we approached this… we included the full URL… and all the parameters within the the qr code… so no need to install js libraries… we just included the complete url… eg… www.test.com/test?id=123 , and then user server connect on that page to process whatever needs to be done ( update, insert, delete)… so for us it eliminated the worry of installing libraries… as then clients can use ANY QR scanner on their mobile phones of their choice…

So now the client can open the QR code without being on our site… they can just scan a code from a piece of paper / screen… and it will do whatever… without the need to login to our site first… and so on…

#12

That sounds like an awesome and easy solution for you situation! And I really appreciate you taking the time to consider my question! However, in my case there is some system that generates EAN style barcodes, so not QR. And I need to implement some page in my webapplication to scan these codes and lookup this EAN value in the database. So in that case I would need some lib, I think.

#13

Back in the day… we used a webcam… but that was with old asp …

But this might help.

or

1 Like