Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como android

Convertir una imagen PNG/JPG a base64 en Ionic 4

Las imágenes se trabajan en base64 para poderlas enviar a traves de un objeto JSON a las API's o micro servicios, por eso es importante que nuestra app internamente convierta un jpg,png desde los assets a una base64. En este episodio hablaremos de como seleccionar una imagen desde la galeria y convertirla en un string valido en base64. Primero crear el proyecto mediante el comando: ionic start imagenBase64 blank Entramos al directorio de la aplicación y vamos a instalar las dependencias que vamos a ir necesitando para este proyecto, las voy a ir listando a continuación cada una: ionic cordova plugin add cordova-plugin-camera npm install @ionic-native/camera ionic cordova plugin add cordova-plugin-file npm install @ionic-native/file ionic cordova plugin add cordova-plugin-crop npm install @ionic-native/crop Una vez instaladas todas estas dependencias ahora si vamos abrir el proyecto en nuestro editor de código favoritos, el mio es Visual Studio Code. Abrimos ...

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...

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 disp...