Use mobile phone camera to scan QR codes

Waziup / waziup-dashboard

Waziup dashboard repository

Other

3 stars 13 forks source link

Use mobile phone camera to scan QR codes #109

Open cdupont opened 4 years ago

cdupont commented 4 years ago

When on mobile phone, it seems possible to use the camera of the phone: https://stackoverflow.com/questions/8581081/how-to-access-a-mobiles-camera-from-a-web-app

This can be useful for scanning QR codes. This code would be printed on stickers and applied on Waziup devices. The QR code would contain name and sensor details of that device.

KidusMT commented 4 years ago

Have you checked this library called react-html5-camera-photo. https://www.npmjs.com/package/react-html5-camera-photo for taking camera picture. opens camera

KidusMT commented 4 years ago

and this library can decode qrcode called react-qr-reader -> https://www.npmjs.com/package/react-qr-reader . Here is an other blog -> https://hackernoon.com/react-js-qr-code-scanner-with-webworker-in-background-7a8bcefd43d

cdupont commented 4 years ago

Regarding QR scanning, you could add a button "Scan Device QR code" in the Devices page. i.e. http://localhost:3000/Devices. It will create a device, similar to the device creation form.
Regarding QR generation, you can add it in the specific sensor page, e.g. http://localhost:3000/devices/TestSensor