Ionic QR Code Generator & Reader 

Seguí los pasos de este tutorial y al principio no me funcionaba, entonces decidí escribir al final ngx en la importación de app.module.ts y empezó a "funcionar" aún así no estaba correcto ya que me mandaba otro tipo de errores, al final solo volví a importar con la consola: npm install --save @ionic-native/barcode-scanner y funcionó correctamente. Si no pueden les marca un error de cordova en su navegador, ya la hicieron! solo tendrías que instalar la app de google play ionic devapp y correr tu aplicación desde el celular. Para correr la app en ionic devapp deberás seguir estos pasos: 1.- Echar a andar tu aplicación con ionic serve 2.- Conectarte a la misma red wifi (celular y computadora) 3.- Abrir la app (ionic devapp) y dar clic en el menú superior izquierdo 4.- Escribir la dirección ip de tu computadora (en windows con el comando ipconfig desde la consola y checar la que dice ipv4. En mac abrir el panel preferencias de red) 5.- Poner el puerto 8100 y listo!!! Escribo esto porque lo aprendí buscando mucho y me hubiera gustado encontrar las respuestas concisas! Saludos a todos!

If you can't do " import {BarcodeScanner] from '@ionic-native/barcode-scanner' ", use 'npm install --save @ionic-native/barcode-scanner' and rewrite your import code

Makes the basic concept a piece of cake to understand.

Thanks a lot, it worked on ionic 4. If '@ionic-native/barcode-scanner' didn't work, try to use '@ionic-native/barcode-scanner/ngx'

como hacer para q te lleve al link directamente en caso de escanear productos, etc ????? no quiero q solo me muestre sino que se abra automaticamente el link

Great tutorial ! Was very clear and precise !

nice tutorial and easy to under stand even for a beginner like me tq so much.

its giving me error for my Barcode Scanner when i place it under providers, please help its saying: ts] Type 'BarcodeScannerOriginal' is not assignable to type 'Provider'. Type 'BarcodeScannerOriginal' is missing the following properties from type 'FactoryProvider': provide, useFactory [2322]

Thankyou so much for this wonderful tutorial, clear, simple and precise.

Gracias, I used the version 3 and worked great.

Hi, It does not work for ionic 4 { "message": "Type 'BarcodeScannerOriginal' is not assignable to type 'Provider'. Type 'BarcodeScannerOriginal' is missing the following properties from type 'FactoryProvider': provide, useFactory", }

using this tag UI not show i install plugin & barcode not generated scanner works properly..

clear short precise. Great!

Thankyou for this tutorial but unfortunately my project got deleted, then when i tried to create ionic project again, Ionic 3 was no longer available, my cli goes to cli 4 and ionic 4 already so that the components itself and the syntax itself was totally different its not applicable and adaptable to this tutorial you provided. please help me :(((

Hey Simon How would this work if i want to use it to turn a Image into a Qr Code can you please help

i got the error "ngx-qrcode is not a known element" I imported the module in my app.module.ts and try to use the directive in a component that I wrote

Works, thank you!

mine pops up this error: TypeError: _co.createCode is not a function at Object.eval [as handleEvent]

Hi, what theme or extensions are you using for your editor?

Great tutorial

is it possible to link a scanned qr code link to mobile app ? how to ?

I can't create qrcode using your step

Hi thx it works! btw I want to take the base64 from generated qrcode like the one that show on your console log,. How??

Hi, i have a doubt, the code generated by your QR/Code Reader and Generator--Cross Platform, can only be readed by your QR/Code Reader? or any Qrcode device can read?

Hello, do and of you know any resources that I can look at to save the qrcode that I have generated?

Very nice and helpful.... Thanks a lot

Cannot find module 'nqx-qrcode2

Thank you for video!!! Is there any way to download a generated QR Code?

Can't bind to 'qrc-value' since it isn't a known property of 'ngx-qrcode'.

Great work...Just a question.. We scan the code by using Camera but is it possible to scan the QrCode by using a screenshot file of the qrcode... Such a thing happens to my default scanner app which is available in my mobile.. I can scan as well as choose a file from file system and get the result back from the qrcode.. Hope you see this question.. Yours newly subscriber :)

qrc-value mathi "qrc-" remove karvanu che

How to download generated Qr from ngx-qrcode

after i connected it to an android device and when i pressed on “scan code”, the camera does not open. may i know how do i fix this?

Great work, thanks Simon!

Error: Template parse errors: Can't bind to 'qrc-value' since it isn't a known property of 'ngx-qrcode'. 1. If 'ngx-qrcode' is an Angular component and it has 'qrc-value' input, then verify that it is part of this module. 2. If 'ngx-qrcode' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" ][qrc-value]="createdCode"> Genarated this error!! please help

thanks simon!

Well done. Subscribing!

Excelente! Muchas Gracias!

exactly what we need to know :)

I followed this guide but when I run it on device I get an error saying Uncaught (in promise): cordova_not_available. I get the same error when I run it in browser too. Any suggestions? I have tried uninstalling and reinstalling node.js, cordova and ionic.

How did you get the base64 of the qrcode to be console.log()?

how i can scan code in browser??? Cordova not support...

Excellent...

Now what if Instead of the simple one line answer to be put in the QR code, how about a series of questions? like multiple inputs

Video Great Simon, tetapi bisakah Anda membuat contoh dengan Ionic 4?

i have this error: Cordova_not_available. help me please...

thanks !

Hey, I liked this tutorial it was awesome.. I can suggest you to make a video on how to build APK file from ionic 4 project.

i keep getting errors when trying to install cordova

I have this error imgur.com/a/Fueqq I'm newbie in ionic, please help me

object (...) is not a function in ionic 3

Hi... Dont working 😤😌

thnx fr d help

Ionic it's entire facepalm...

ngx-qr code' is not a known element

Thankyou for this tutorial but unfortunately my project got deleted, then when i tried to create ionic project again, Ionic 3 was no longer available, my cli goes to cli 4 and ionic 4 already so that the components itself and the syntax itself was totally different its not applicable and adaptable to this tutorial you provided. please help me :(((