Como probar tu aplicación Ionic con Firebase en tu movil

Hola a tod@s,
Hoy os voy a explicar como probar vuestra aplicación en vuestro móvil, artículo que surge a raíz de una consulta en mi artículo de Cómo crear una aplicación híbrida con Ionic y Firebase donde tenéis un ejemplo de aplicación con autenticación sobre Firebase.

Pasos para probar tu aplicación Ionic con Firebase en tu móvil

  1. Descárgate mi aplicación desde Github
  2. Instalamos la plataforma de nuestro móvil.
  3. Damos acceso a nuestro móvil, en modo administrador.
  4. Ejecutamos e instalamos en nuestro móvil
  1. Descarga mi aplicación desde Github

    Para ello Descarga mi App Ionic Firebase Starter

    Accede a mi Github


    Selecciona copiar el enlace

    Selecciona copiar en Clona o descarga


    A continuación abre un terminal en modo administrador y sitúate donde quieras instalar la aplicación.

    Para clonar, abre terminal en modo administrador y escribe git clone y pega: https://github.com/cookyourweb/Ionic-Firebase-Starter-App.git

    git clone https://github.com/cookyourweb/Ionic-Firebase-Starter-App.git

    Una vez clonado me situó dentro de la App.

    
    cd Ionic-Firebase-Starter-App 

    Si aun no lo has instalado, recuerda instalar Ionic y Angular ( npm install -g cordova ionic)
    Como lo que has clonado es simplemente el directorio www de una aplicación Ionic, vamos a crear una aplicación y después sustituiremos el directorio www.

    Contenido clonado de mi App

    Con la siguiente instrucción crea una aplicación Ionic a la que vamos a sustituir el directorio www

    
    ionic start myApp tabs 

    Instalamos una aplicación Ionic de pestañas básica


    Ahora simplemente sustituimos el directorio www, por el que os habéis clonado

    Reemplaza el directorio www por el mio

  2. Instalamos la plataforma de nuestro móvil

    Yo tengo un android, por lo que este ejemplo es para Android.

    
    ionic build android 

    Sitúate en el directorio recien creado

    
    cd myApp

    Instalo la plataforma de mi Móvil, Android

    
    ionic run android

    En caso de tener un Ios, sería:

    
    ionic build ios 

    Me dice que el ionic run android se ha quedado obsoleto y que utilicemos lo siguiente:

    Atentos que en este mundillo de desarrollo de aplicaciones híbridas, se quedan las cosas obsoletas en 6 meses…

    
    cordova platform add android 

    Una vez instalado voy e ejecutar y probar la aplicación en el navegador

    
    ionic serve 

    Probando aplicación en navegador


    Para autenticarte si solo quieres probar ingresa el usuario: NUEVOUSUARIO@NUEVOUSUARIO.COM PASS: 123456, o crea uno nuevo.
    Si quieres cambiar tu configuración firebase para crear tu propia aplicación aquí te explico como hacerlo

  3. Damos acceso a nuestro móvil para instalar y ejecutar al Aplicación

    Tenemos que configurar nuestro móvil para que acepte la instalación de la Aplicación. Para ello, en tu móvil busca el icono de ajustes:

    En Ajustes> Accesibilidad> Opciones para el desarrollador

    Accesibilidad>Opciones desarrollador

    Activa Depuración Usb

    Dile que si a permitir depuración Usb

  4. Ejecutamos e instalamos en nuestro móvil

    Vuelve a tu terminal y sal de la simulación con la tecla q, e inserta la instrucción siguiente:

    
    ionic run android 

    Perfecto, ahora tu movil te pide permiso de ejecución

    Dale a permitir ejecución

    Inserta las mismas credenciales de antes para comprobar que funciona correctamente.

    Ya tienes tu aplicación corriendo en tu móvil

    Si te fijas te ha instalado también el icono de la App

    Instalada la aplicación en tu móvil

Eso es todo, ya tenéis la aplicación con autenticación en firebase, funcionando en vuestro móvil, ahora solo tienes que programarla.

Verónica Serna| Cookyourweb