Code Monkey home page Code Monkey logo

ionic-lectorqr's Introduction

Ionic - Lector QR

Aplicación Lectora de códigos QR

Post

La aplicación es muy básica, sirve de ejemplo en el post para aprender como añadir plugins a ionic utilizando NG Cordova.

Clonar desde Github

Para clonar el repositorio en nuestro PC, ejecutamos el siguiente comando, el cual nos creará una carpeta llamada TLP2015 con el código del proyecto dentro:

$ git clone https://github.com/ivanbtrujillo/Ionic-LectorQR.git LectorQR

Plugins

Debemos de instalar el plugin del lectorQR con este comando:

cordova plugin add https://github.com/wildabeast/BarcodeScanner.git

Añadir plataformas

ionic platform add ios / android

Lanzar a dispositivo USB

ionic run ios / android

ionic-lectorqr's People

Contributors

ivanbtrujillo avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

ionic-lectorqr's Issues

Abrir QR en navegador

Hola quisiera saber como puedo hacer para que al escanear el QR no muestre el texto, si no ejecute el navegador del dispositivo visualizando la url.

Que recomendación podrías dar?

Gracias

Filtrar Scan por formato de codigo

Hola Ivan mil gracias por tu ayuda y vídeo tutoriales, tal como te comenté en el video de Youtube
ando buscando alguna manera para definir que solo se lean codigos QR, puesto que no necesito los otros tipos como los codigos de barra.

He probado mostrar el formato del código escaneado mediante un alert colocando este código en el controlador del lector
`

    //Abrimos el lector
    $scope.leerCodigo =function(){
        //Llamamos al plugin
        $cordovaBarcodeScanner.scan()
            //Si escanea algo, mostramos el texto de lo escaneado
            .then ( function(imagenEscaneada)
                    {
                    //se configura alert para mostrar e identificar el formato del codigo y el texto detectado
                    alert(imagenEscaneada.format+imagenEscaneada.text)      
                    },
                    //Si hay un error
                    function(error){
                    alert("Ha ocurrido un error al escanear: "+ error);
                    }

                    );
                }
            })

`
Con ello al hacer scan de un codigo QR el alert me ha permitido identificar el nombre del formato en el plugin "QR_CODE" y respectivamente me muestra la url del código.

Luego de eso intento modificar el código anterior para agregar el IF y que se abran solo códigos
QR (del formato QR_CODE)

`

    //Abrimos el lector
    $scope.leerCodigo =function(){
        //Llamamos al pluginiomn
        $cordovaBarcodeScanner.scan()
            //si escanea algo lo guarda
            .then ( function(imagenEscaneada)
                    {
                    //aqui valida el formato de codigo escaneado
                     if(imagenEscaneada.format=QR_CODE) 
                        {
                        // si es formato QR_CODE Abre la url
                        window.open(imagenEscaneada.format,'_system');
                        },
                        // alerta cuando el formato no es codigo QR
                        function(error){
                        alert("Debes usar un codigo QR valido");
                        },

                    },
                    //Si hay un error al scan
                    function(error){
                    alert("Ha ocurrido un error al escanear: "+ error);
                    }
                    );
                }
            })

`
Pero no logro que me funcione, llevo apenas 2 días haciendo mi primer acercamiento en programacion, apenas estoy aprendiendo angular+ionic y siguiendo algunos de tus tutoriales. Pienso que quizás tenga algún problema de sintaxis o lógica que no tenga claro.

Agradezco enormemente cualquier ayuda que me puedas brindar al respecto.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.