Entorno de desarrollo Android para Apache Cordova


Editado el 13 de Agosto del 2021 a las 08:53:42 por Rafael Corro



Antes de seguir este artículo, se recomienda leer previamente el anterior post:

Instalación de Apache Cordova en Linux

Después de la instalación de Apache Cordova proseguimos con la instalación del entorno para aplicaciones Android.

INSTALACIÓN DE ANDROID STUDIO

Descargamos Android Studio:

https://developer.android.com/studio/

Copiamos el archivo comprimido de Android Studio en la carpeta opt

$ sudo cp android-studio-ide-201.6953283-linux.tar.gz /opt/
$ sudo tar -xzvf android-studio-ide-201.6953283-linux.tar.gz

borramos el comprimido:
$ sudo rm android-studio-ide-201.6953283-linux.tar.gz 

Arrancamos Android Studio (OJO: NO usar el comando sudo para que no instale la plataforma en la carpeta root):

$ cd /opt/android-studio/bin/
$ ./studio.sh 

Si tienes Linux de 64 bits y no te funciona el SDK de Android Studio debes instalar las bibliotecas de 32 bits:

$ sudo apt-get update
$ sudo apt-get install ia32-libs

Si este último nos podemos instalar también podemos instalar estos paquetes:

$ sudo apt-get install lib32stdc++6
$ sudo apt-get install lib32z1

En la pagina oficial de android studio puedes encontrar más información:

https://developer.android.com/studio/install#64bit-libs

el caso es que en mi máquina ha fallado la instalación de estos paquetes y no me ha dado problema al arrancar el SDK...

en fin.. sigamos...

CONFIGURACIÓN DE ANDROID STUDIO

Al abrir Android Studio, instalamos las actualizaciones:

Arrancando Android Studio

Comenzamos la actualización por defecto de Android Studio

Instalación estándar de Android Studio

CONFIGURACIÓN DEL SDK DE ANDROID STUDIO

SDK Manager de Android Studio

Instalamos la API 30 y desinstalamos la 31 en SDK Platforms

Instalación de la API en el SDK de Android

EN SDK Tools deberemos tener instalado lo siguiente:

SDK Tools

Desinstalamos la versión 31 de Android SDK Builds-Tools, marcamos el check "Show Package Details" e instalamos la versión 30.0.3

CONFIGURAMOS EL DISPOSITIVO VIRTUAL (AVD Manager)

Crear dispositivo virtual android

Instalamos el dispositivo virtual en el que queremos visualizar la app. En este ejemplo usaré el dispositivo Pixel 2

Selección del dispositivo AVD Android

INCLUIR EL PATH DE ANDROID STUDIO CON BASH_PROFILE

Incluimos Android Studio en el PATH editando el archivo .bash_profile, y si no existe lo creamos.

$ sudo nano ~/.bash_profile

Añadimos al final las siguientes lineas, donde "usuario" deberás poner el nombre del usuario de tu carpeta home:

export ANDROID_SDK_ROOT=/home/usuario/Android/Sdk/ 
export PATH=$PATH:$ANDROID_SDK_ROOT/emulator 
export PATH=$PATH:$ANDROID_SDK_ROOT/tools 
export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools


Escribimos este comando para hacer efectivos los cambios:

$ source ~/.bash_profile

 

PRIMERA APP ANDROID CON APACHE CORDOVA

Creamos un proyecto en cordova:

$ cordova create miapp com.lunium.miapp MiAplicacion

El primer argumento, "miapp", indica el nombre de la carpeta donde se guardará el proyecto. Y si no existe se creará automáticamente.


El segundo argumento, "com.lunium.miapp", es el nombre del paquete del proyecto.


El tercer argumento, "MiAplicacion", es el nombre que tendrá el proyecto que se abrirá en Android Studio o XCode. Este nombre no podrá contener espacios y deberá de empezar con mayúsculas

En este momento añadiremos la plataforma android a nuestro proyecto

Primero accedemos a la carpeta del proyecto

$ cd miapp

Y añadimos la plataforma

En vez de utilizar:

$ cordova platform add android

Usaremos este otro comando, para asegurarnos que nos instala la versión más actual del SDK, que en el momento de hacer el ejemplo, es la 10.0.1

cordova platform add android@10.0.1

y quitaremos el plugin cordova-plugin-whitelist que viene por defecto porque hará conflicto con android@10.0.1

cordova plugins rm cordova-plugin-whitelist

Luegro podremos añadir los plugins que necesitemos para el proyecto, que en este ejemplo añadiré dos.

$ cordova plugin add cordova-plugin-inappbrowser

$ cordova plugin add cordova-plugin-splashscreen

Podemos visualizar los plugins así:

$ cordova plugins ls

Por último podremos usar estos comandos para generar el fichero APK

Visualizamos la aplicación en el dispositivo virtual (AVD) de Android Studio

$ cordova emulate android

y generar la apk

$ cordova build android

Y con esto ya tendríais vuestra app de android.

 

Valoración de los lectores sobre: Entorno de desarrollo Android para Apache Cordova

  • valoración positiva
  • valoración positiva
  • valoración positiva
  • valoración positiva
  • valoración positiva
  • 5 sobre 5 (3 votos)

¿Te ha parecido útil o interesante?   Tú opinión es importante, gracias!

Nada
Muy poco
A medias
Bastante
Mucho

Deja un Comentario: