Ir al contenido principal

Ejecutar tu app de Ionic 4 en un emulador Android


Hola que tal amigos, el dia de hoy me gustaría poder compartirles cómo ejecutar las apps desarrolladas en Ionic 4 y ejecutarlas en la misma PC per en un dispositivo android.

Instalando Android Studio

Para poder realizar esta operación, necesitamos instalar Android Studio tiene un peso de 750 megas, así que relájate mientras se descarga. Una vez que se descarga instalalo, de repente vas a necesitar JDK Java Development Kit, te dejo el link para que lo puedas descargar e instalarlo antes de Android Studio.

Creando un AVD

Una vez instalado Android Studio, nos vamos a crear un dispositivo virtual donde se ejecutará nuestra app.

1.- Vamos al menú principal, y damos clic en la opción Herramientas (Tools) después clic en -> AVD Manager -> Clic en crear Nuevo Dispositivo Virtual.


2.- Seleccionamos un dispositivo de la lista por ejemplo Nexus. y Listo!!! ya tenemos nuestro dispositivo virtual para probar nuestra aplicación.

3.- Ejecutamos el dispositivo virtual, y dependiendo de tu pc va a demorar unos 10 minutos en estar listo. (PC 8gigas de RAM / I5).

4.- En la carpeta de la aplicación desarrollada, ejecutamos el siguiente comando:
ionic cordova emulate android
5.- Esperamos un monton de años.
6.- Listo como ves en la imagen la app se esta ejecutando en el emulador.

A Seguir codificando....
Etiquetas:

Comentarios

Publicar un comentario

Entradas populares de este blog

Cómo crear un diseño responsive en Ionic 4

Tutorial Principiante. Hola que tal el día de hoy hablamos sobre crear diseños adapatables a cada pantalla donde se ejecuta la aplicación, con el uso de la etiqueta ION-GRID dentro del código de ionic, el sitio de la documentación oficial nos dice lo siguiente: La cuadrícula es un potente sistema flexbox móvil primero para crear diseños personalizados. Se compone de tres unidades: una cuadrícula, fila (s) y columna (s). Las columnas se expandirán para llenar la fila y cambiarán de tamaño para adaptarse a columnas adicionales. Se basa en un diseño de 12 columnas con diferentes puntos de interrupción en función del tamaño de la pantalla. El número de columnas se puede personalizar con CSS. Básicamente para los que sabemos bootstrap es más de lo mismo un sistema en el cual puedes distribuir tus elementos en la pantalla con toda la ventaja de que es adaptable al dispositivo en donde se esta ejecutando. Su uso: < ion-grid > < ion-row > < ion-col size ...
Publicar un comentario
Leer más

Crear un PDF con Ionic 4 y PDF Make (Paso a Paso)

Uno de los requisitos que he tenido que crear en apps del mundo real es la necesidad de crear un contrato en PDF, el mismo que tenga una imagen, y se puede descargar al dispositivo. PDF MAKE Investigando he dado con una librería llamada PDF Make, aquí esta el sitio web si gustas darle un super vistazo al sin número de opciones que tiene.  http://pdfmake.org/#/ , hasta tiene una parte donde tu mismo puedes experimentar  http://pdfmake.org/playground.html  algunos cambios, pero nosotros lo tenemos que implementar en ionic 5. Así que veamos como. Ionic 5 y Generación de PDF Creamos una nueva aplicación en ionic con el comando: ionic start crearPdf blank Necesitamos dos directivas instalarla en nuestro proyecto, con los siguientes comandos: ionic cordova plugin add cordova-plugin-file npm install @ionic-native/file En el modulo general, en app.module.ts tenemos que llamar al modulo file que nos ayudará una vez creado el PDF, generar el archivo para descar...
Publicar un comentario
Leer más