Guía de Desarrollo: Migración de Angular a Android con Capacitor

Objetivo: Convertir una aplicación web desarrollada en Angular (por ejemplo, una creada en tu curso) en una aplicación móvil para Android, aprovechando Capacitor.

Contexto del curso: Ideal para estudiantes que ya cuentan con una app funcional en Angular y quieren expandir su alcance al mundo móvil.

https://www.youtube.com/watch?v=PskZThfA00Y

Requisitos Previos

• Conocimientos básicos de Angular y experiencia previa con tu curso.

• Node.js y npm instalados localmente.

• Proyecto Angular listo para migrar.

• Android Studio configurado y emulador configurado o dispositivo Android conectado.

Comandos de Configuración

Instalar Capacitor

Desde la carpeta raíz del proyecto Angular, ejecutar

npm install @capacitor/core @capacitor/cli

Inicializar Capacitor

npx cap init

Aquí defines el nombre de la app (ej. “MiAppAngular”) y el identificador (como com.redboyconsulting.miapp).

Configurar la Plataforma Android

npx cap add android  

Esto crea una carpeta android/ lista para abrir en Android Studio.

Construir la App Angular y Sincronizar

Construir la versión de producción de tu app

ng build --prod

Copiar los archivos construidos a la carpeta nativa

npx cap copy android

Si haces cambios posteriores, vuelve a ejecutar el build y el comando cap copy para sincronizar.

Abrir y Probar en Android Studio

npx cap open android

• Android Studio se abrirá con el proyecto cargado.

• Desde ahí puedes ejecutar la app en emulador o dispositivo, depurar, etc.

Live Reload (opcional)

Para mayor agilidad mientras desarrollas, puedes usar live reload

ng build --watch npx cap sync android

También existen herramientas o flags para habilitar recarga automática en Android; explorar el plugin ionic live-reload puede ser útil.

Construir el APK o App Bundle

• Desde Android Studio:

  1. Build » Generate Signed Bundle / APK

  2. Selecciona un keystore (o créalo)

  3. Define configuración de firma

  4. Genera el archivo .apk o .aab para distribución en Google Play.

Distribución

• Compartir el APK de prueba directamente.

• Para publicación oficial, subir el archivo .aab a Google Play Console, configurar la ficha de tienda, etc.

Redactado por Jackson Grim

Investigador de tecnología, privacidad y vigilancia digital

📩 jackson.grim@redboyconsulting.com