Ionic4, configuración de entorno Android (SDK, Gradle, Variables de entorno, paso a paso.

by | Oct 16, 2020 | android, Desarrollo Móvil, Ionic


Configuración de Ionic4 para desarrollo en Android.

Configurar el ambiente de desarrollo para poder ejecutar nuestras aplicaciones con ionic4 suele ser un poco angustiante en especial cuando vamos empezando. A continuación te mostraremos paso a paso como llevar a cabo la configuración de una forma práctica y sencilla.

En el siguiente post comentaremos recomendaciones basadas en la experiencia propia, las rutas y recursos vistos aquí pueden adaptarse a conveniencia del usuario.


Prerrequisitos

Para este punto, debes tener instalado Ionic4 y tener creado un proyecto de Ionic, de lo contrario a continuación encontrarás la documentación con instrucciones.

      1. Instalación de Ionic.
      2. Generar nuevo proyecto, puedes visitar la documentación de Ionic.

Al correr el siguiente comando para ver las especificaciones de versiones.

/>  ionic info

 

 



1 Android Studio

Para empezar debemos descargar Android studio ya que nos va a proporcionar la mayoría de las herramientas que debemos configurar, puedes ir a la página de descarga .

 

1.1 SDK Manager de Android Studio

Es necesario seleccionar los los recursos de construcción de nuestras aplicaciones, SIN DESCARGAR POR EL MOMENTO  por suerte es muy sencillo, solo tienes que agregar los paquetes de diferentes versiones que requiera tu aplicación para ser ejecutada.


 

 

Una cosa muy importante es configurar correctamente la carpeta donde se van a descargar SDK dentro de la carpeta de Android, por lo regular se encuentra en

‘C:\Users\TuUsuario\AppData\Local\Android\SDK’

solo debes verificar tus rutas.

 

 


 

 

Al dar OK se actualizara el contenido y se descargaran las herramientas nuevas, tardará un poco.

 

 

 

 

 



2 Gradle

Se trata de una herramienta que es muy importante ya que va a ser la encargada de compilar el código. Y lo primero que haremos es crear una carpeta con la siguiente ruta:

C:\Gradle

Iniciamos con la descarga de Gradle yo recomiendo descargar la versión completa (.Zip) y colocarlo en la carpeta ‘C:\Gradle’ que acabamos de crear y descomprimimos, debería quedar así la ruta.

C:\Gradle\gradle-6.6.1


3 Variables de entorno

En las Variables de entorno vamos a especificar lo que ya configuramos, ANDROID_SDK_ROOT y PATH. Y cabe mencionar que es muy importante que los valores en las variables coincidan con las rutas configuradas anteriormente en los pasos anteriores, Todo depende de ello.

Instrucciones de interfaz

  1. En Buscar, busque y seleccione: Sistema (Panel de control)
  2. Haga clic en el enlace Configuración avanzada del sistema.
  3. Haga clic en Variables de entorno.
  4. En la sección Variables del sistema busque la variable de entorno PATH y selecciónela. Haga clic en Editar. Si no existe la variable de entorno PATH haga clic en Nuevo.
  5. En la ventana Editar la variable del sistema (o Nueva variable del sistema), debe especificar el valor de la variable de entorno PATH. Haga clic en Aceptar. Cierre todas las demás ventanas haciendo clic en Aceptar. Vuelva a abrir la ventana del indicador de comandos y ejecute el código de java.

 

NOMBRE                                                          VALOR

ANDROID_SDK_ROOT               C:\Users\Eskei\AppData\Local\Android\Sdk

PATH                           ...;
                               C:\Gradle\gradle-6.6.1\bin;
                               C:\Users\Eskei\AppData\Local\Android\Sdk\tools\bin;
                               C:\Users\Eskei\AppData\Local\Android\Sdk\platform-tools;
                               C:\Users\Eskei\AppData\Local\Android\Sdk\emulator;
                               ...;

Una vez agregadas las variables mis variables quedaron de esta manera.


4 Cordova

Este paso es el mas corto, pero estarás usándolo tanto que los comandos los sabrás de memoria. Para esto, ejecutamos los siguientes comandos para ejecutar el programa.

 

- ionic cordova prepare android - ionic cordova run android - ionic cordova build android

Resultados esperados

Ejecutar la aplicación en nuestro dispositivo es la única prioridad y una vez realizado debe verse de la siguiente manera..,

Tener en cuenta!

-Recuerda siempre tener en cuenta las rutas de los recursos en las variables de entorno.

-Siempre tener en cuanta las documentaciones y referencias de las versiones usadas, ya que algunas tienen restricciones de compatibilidad.

-Los mensajes de error (En caso de que los halla) son tu principal fuente de información acerca de el error en cuestión.

-Este articulo se realizó para mostrar el procedimiento general, las versiones específicas no deberían afectar los pasos a seguir.

Entradas relacionadas

Descubre en 5 minutos las áreas de tu empresa puedes mejorar