khocef / sample-qrcode-pwa-ionic

Trying to use a QR Code Scanner in an Ionic PWA App (without Cordova)

Ionic PWA QR Code Scanner sample

Purpose

This sample should demonstrate:

• how to use cordova-plugin-qrscanner as a browser library only.
• how to hack your way to make everything transparent for the video preview to show through.

And as a bonus:

• using an NgModule to package the QRScanner Page in a module.

Installation & Testing

• clone/fork this,
• $ npm i,
• $ $(npm bin)/ionic serve (I don't like global installs for CLIs),
• open up Chrome and try it. It should almost(*) work,
• open up your device and go to the External URL or use Ionic DevApp.

(*): "almost" because I was only able to get the scanned QR one time during all my testing...

References

• See related thread on Ionic Forum.
• See cordova-plugin-qrscanner.

Contributing

All issues and Pull-Requests are welcome. Please feel free to join the thread on Ionic Forum (see References above).

License