Prueba de aplicación Android utilizando Ionic 2. Se comentarán los pasos a seguir para la generación de una apk que se pueda ejecutar en un ADV (Android Virtual Device) así como en un dispositivo Android.
Instalar android estudio desde la página oficial.
Al crear un proyecto android con Android Studio se instalarán muchas de las herramientas que posteriormente necesitaremos para nuestro proyecto. Así es por ejemplo SDK de Android, así como herramientas para generar AVD (Android Virtual Devices), emuladores.
Desde el visual studio "Tools > Android > AVD"
Crear una máquina virtual instalando para ello la api 26 (Actualmente a 22/11/2017, da error al ejecutar Ionic 2 en versiones superiores).
JAVA_HOME: Debe aputnar al jdk instalado (mínimo 1.8).
ANDROID_HOME: Directorio donde está apuntando el sdk de Android. Con android studio es posible que se haya instalado en "C:\Users\USERNAME\AppData\Local\Android\Sdk"
En el path apuntar a las carpetas "tools" y "platform-tools" que se encuentran dentro de la carpeta del sdk:
%ANDROID_HOME%\tools
%ANDROID_HOME%\platform-tools
Desde la página oficial de ionic te indican los pasos necesarios para instalarlo (recuerda tener node instalado).
Para ello se puede utilizar el comando:
ionic start APPLICATION_NAME
Para comprobar que se ha instalado correctamente entrar en ella cd APPLICATION_NAME y ejecutar "ionic serve". La aplicación se debe mostrar en el navegador
Desde la aplicación ejecutar el comando:
ionic cordova platform add android
Desde Android Studio se puede encender el emulador creado anteriormente desde "Tools > Android > AVD".
ionic cordova emulate android
Si todo ha ido bien la aplicación se debe ejecutar en el emulador.
Se ha generado también un apk para debug en
APPLICATION_PATH\platforms\android\build\outputs\apk\android-debug.apk
Este apk puedes probarlo en el movil aunque no sea una versión de producción ya que tiene unas keys automáticas para debug.
Para poder debugear una app sobre una ADV. Abrir el navegador acceder a "chrome://inspect/" y seleccionar el dispositivo que se está emulando.
Se puede generar una apk de producción con el comando:
ionic cordova build android --prod --release
Para poder instalarlo en un dispositivo, así como subirlo a Google Play tienes que añadirle las key.
Google Play te permite añadirle las keys de forma automática, así como android studio.
Para añadirlas de forma manual con java: https://ionicframework.com/docs/intro/deploying/
Se puede ejecutar el proyecto de prueba "ManPru" sobre un dispositivo Android (AVD o Físico). No se puede ejecutar sobre navegador con "ionic serve" porque utiliza un plugin de sqlite no disponible para el navegador. Para ejecutarlo en android:
- Descargar el proyecto. Acceder a él.
- Instalar dependencias. Primero con "npm install" y luego con "ionic cordova prepare android".
- Ejecutar el proyecto en un emulador.
Este proyecto sigue el tutorial de sqlite de https://github.com/ion-book/demo107