Para compilar una aplicación desarrollada en ionic considerando el icono y el splash pero también basándonos en extensiones modernas es la forma más sencilla pero sin dejar de ser muy eficaz para ser aceptado por Play Store. Como la extensión ionic Framework, extensión moderna que se puede descargar desde la tienda de aplicaciones de VSC (visual studio code) es una de las mejores formas y métodos actuales para compilar y subir al Play Store tu aplicación basada en Ionic.
Recuerde que para este tutorial consideramos que usted ya tiene el icon, splash screen y splash screen dark, en la carpeta resources, de no ser así puede verlo en el siguiente enlace: como generar y entender el ionic icon, splash y (Dark) correctamente. Lo primero que debemos hacer una vez que tengamos lista las líneas de código de la aplicación para compilar y probada adecuadamente, ejecutamos el siguiente comando para iniciar el proceso de compilación del archivo AAB y poder cargarla en la consola administración de Play Store (Google Play consolé), primeramente, deberá ejecutar en la carpeta principal del proyecto el siguiente comando:
ionic build
Ahora deberemos añadir la plataforma android, para lograr este objetivo debemos ejecutar El comando que tomara todo tu código de la aplicación fabricada en ionic y creará una carpeta en tu carpeta principal de tu proyecto llamada android carpeta cuyo contenido será el necesario para que Android Pueda replicar y ejecutar una copia exacta basada en Java dentro del editor de código oficial de Android y administrado por Google, Android Studio. Si ya tienes esta carpeta en tu proyecto principal debes borrarla. Ya que contiene contenido anterior o de una versión anterior de lo que quieres compilar en este momento. Cuando estés seguro de que ya no tiene ninguna, cuando estés seguro de que ya no tienes una carpeta llamada android en tu carpeta principal del proyecto ejecuta el siguiente comando:
npx cap add android
Una vez creada esta carpeta ya tendremos todos los recursos necesarios basados en Java para ejecutar adecuadamente la aplicación en Android studio, sin embargo, ya que anteriormente hemos ejecutado El comando que crea la plataforma este comando generalmente crea iconos y splash estandarizados, es decir los de Capacitor que anteriormente eran los de cordova y en ocasiones la creación de la plataforma android ignora a los recursos icon.png y splash.png que están en la carpeta resources es por ese motivo qué debemos abrir el editor de código visual studio code, y presionar en el icono de la extensión ionic. Luego de eso tendremos que presionar donde dice build splash & icons, como en la imagen a continuación:
![](https://paginaweb.app/wp-content/uploads/2024/07/Compilar-una-aplicacion-desarrollada-en-ionic-para-Play-Store-1.png)
En esta extensión también tendremos las posibilidades de cambiar el nombre que se quiere mostrar debajo del icono en el menú de aplicaciones de los celulares que está instalada la aplicación, el INT el cual es el número entero de nuestro número de compilación el cual predeterminadamente se establece en 1 también el objetivo de versión ejemplo 0.1 así como también el conocido y necesario «package name» el cual es un recurso más utilizado por las empresas de Google para gestionar bien el tema de notificaciones y comunicaciones con firebase y otros recursos importantes.
Una vez configurado esto ya podemos abrir el proyecto en Android estudio también cabe destacar de que si tu aplicación recibirá notificaciones push vía F.C.M. «Firebase Cloud Messaging», este es el momento para agregar el archivo google-services.json dentro de proyecto/android/app para que las notificaciones funcionen.
Ahora es el momento de abrir la plataforma creada en Android studio para finalmente compilar nuestra aplicación desarrollada en Ionic con la ayuda de Android studio y poder obtener el archivo AAB el sucesor del .apk el cual era el que funcionaba anteriormente para Cargarlo a la consola de Google Play. Para ello ejecutamos el comando:
npx cap open android
![](https://paginaweb.app/wp-content/uploads/2024/07/Compilar-una-aplicacion-desarrollada-en-ionic-para-Play-Store-2.png)
Con este comando finalmente podemos compilar la aplicación mediante la Herramienta «Android Studio» ya sea en APK para instalarla en celulares Android directamente con el archivo de instalación y también podremos compilar el archivo .aab el cual es el archivo necesario y requerido por la plataforma de Google Play. Al correr el comando anterior se abrirá la interfaz de Android Studio, luego en las pestañas superiores deberás ubicar la opción build y compilar según tus necesidades, mediante la interfaz gráfica.
![](https://paginaweb.app/wp-content/uploads/2024/07/Compilar-una-aplicacion-desarrollada-en-ionic-para-Play-Store-3.png)
En esta opcion puedes optar por la compilación de tu preferencia, sea presionando Generarte Signed Build o Generarte APK del comando Build de Android Studio para finalmente recibir en la carpeta output el cual está dentro de la carpeta Android de tu proyecto, para acceder rápidamente a esta carpeta, al finalizar la compilación veremos una alerta de compilación exitosa la cual al finalizar, te mostrará dónde se ubica este archivo y al presionar Folder, te llevará directamente a la ubicación que contiene tu archivo impreso.
![](https://paginaweb.app/wp-content/uploads/2024/07/Compilar-una-aplicacion-desarrollada-en-ionic-para-Play-Store-4.png)