Crear una aplicación Ionic / Angular y ejecuta en Android

-

En este post, te mostraré como puedes crear una aplicación Ionic configurada con el framework Angular.

Primero debes asegurarte que tienes instalado lo siguiente


  • Node Js
  • Angular Cli
  • Ionic Cli
  • Android studio
  • Emulador Android

Lo primero que vamos a realizar es crear un proyecto angular ionic con el cli

    ionic start



Seleccionamos angular

project name: app-angular (puede ser cualquiera)

starter template: blank
siguiente: ngmodules
Esperar a que el proyecto se instale.

Nos movemos al proyecto en la terminal

cd app-angular

Abrimos el editor de código

corremos el proyecto con ionic serve




Así se ve nuestro proyecto corriendo
Ahora es momento de crear el proyecto android
Para eso primero vamos a hacer un build del proyecto que acabamos de crear

ionic build




Creamos el proyecto android

npx cap add android

si tienes error
instalar
con npm 

npm install @capacitor/android

si todo sale bien, se creara una carpeta android




Abrimos el proyecto en android stuido

npx cap open android





Esperamos a que cargue el proyecto

Una vez terminado de cargar, pulsaremos play para correr el proyecto en nuestro emulador android












Comentarios

Publicar un comentario

Entradas más populares de este blog

[Tutorial] Instalación de Python en Windows

-
Paso 1: Descargar el instalador de Python 1. Ve al sitio web oficial de Python en tu navegador web: [python.org](https://www.python.org/). 2. Haz clic en el botón "Descargar Python" en la página principal. 3. Asegúrate de que la versión recomendada para la mayoría de los usuarios esté seleccionada (en el momento de escribir esto, sería Python 3.x.x). 4. Desplázate hacia abajo y selecciona el instalador de Python para Windows. Este será un archivo ejecutable `.exe`. Paso 2: Ejecutar el instalador de Python 1. Una vez que se haya descargado el archivo `.exe`, ábrelo haciendo doble clic en él. 2. Asegúrate de marcar la casilla "Agregar Python x.x.x a PATH" antes de hacer clic en "Instalar ahora". Esto es importante para que puedas ejecutar Python fácilmente desde la línea de comandos. 3. Haz clic en "Instalar ahora" para comenzar con la instalación. 4. Espera a que termine la instalación. Puedes ver el progreso en la barra verde. 5. Una vez completa...
Leer más

Crear un Backend con Node.js [BACK END] [NODE JS] [2024]

-
Imagen
Se necesita: Node.js: Instalado en tu computadora. Express: Un framework de Node.js para construir aplicaciones web. npm: El gestor de paquetes de Node.js para instalar dependencias. Instrucciones: Inicializa tu proyecto : Abre una terminal y crea una nueva carpeta para tu proyecto. Luego, inicializa un nuevo proyecto de Node.js usando npm. mkdir mi-proyecto-backend cd mi-proyecto-backend npm init -y Instala Express : Instala Express como una dependencia de tu proyecto usando npm. npm install express Crea tu servidor Express : Crea un archivo index.js (o cualquier nombre que prefieras) y configura un servidor básico con Express. const express = require ( 'express' ); const app = express (); const puerto = 3000 ; // Ruta de ejemplo app. get ( '/' , ( req, res ) => { res. send ( '¡Hola, mundo desde Express!' ); }); // Inicia el servidor app. listen (puerto, () => { console . log ( `Servidor corriendo en http://localhost: ${puerto} ` ); })...
Leer más

Crea tu primer servidor Flask con Python [Back end]

-
Además de poder hacer scripting con Python, existen librerías que nos ayudan a poder configurar un servidor back end. La librería que vamos a estar utilizando para este tutorial es  Flask . Arriba comparto un manual de instalación. Una vez que tengas instalado Flask en tu equipo, vamos a revisar como crear un aplicación mínima Abrimos nuestro editor de preferencia, en mi caso VSCode Creamos un ambiente virtual con venv Creamos un archivo app.py y vamos a copiar el siguiente código app.py from flask import Flask app = Flask(__name__) @app.route("/") def hello_world(): return "<p>Hello, World!</p>" En la primera línea estamos importando la librería Después, creamos una instancia del objeto Flask y finalmente configuramos una ruta GET en la raíz del proyecto lo único que vamos a hacer en esta ocasión, será devolver una cadena de texto con un hello world Es momento de correr el proyecto.   python -m flask --app app run * Serving Flask app 'hello...
Leer más