Crear APK con Cordova

Publicado en Ene 9, 2016

Cordova nos permite compilar aplicaciones web hechas con HTML5, CSS y JavaScript con frameworks como Phonegap, Framework7, jQuery Mobile, Ionic, etc y así poder tener el instalador para los diferentes sistemas operativos de móvil actuales(Android, IOS, Windows Phone…).

Vamos a ver como crear o generar un apk con Cordova. En mi caso estoy programando una app con Framework7 en Windows y quiero sacar el apk.

Veamos los pasos que tenemos que seguir.

Paso 1: Instalar NodeJS

Descarga node desde su web oficial y ejecuta el instalador. Cuando el instalador acabe ya estará instalado Node.

Paso 2: Instalar Cordova

Lanzamos el comando

npm install -g cordova

Una vez acabe ya tenemos cordova instalado.

Paso 3: Instalar Java JDK

Descargamos el JDK de Java desde su web oficial y lanzamos el instalador.

Una vez que el instalador acabe ya tendremos el JDK listo.

Paso 4: Instalar Android SDK

Para poder trabajar con Android, usar el emulador, compilar APKs, etc, necesitamos instalar el SDK, instalar alguna versión del API de Android.

En primer lugar descargamos el SDK desde su web oficial

Una vez que lo tengamos descargado, ejecutamos el instalador, le damos siguiente siguiente, y al final abrimos el SDK Manager.

Es necesario instalar la versión 22 del API de Android, además de esa podemos instalar todas las que queramos.

Una vez marcado todo lo que necesitemos, le damos a «Install packages», ahora nos toca esperar un buen rato a que se baje todos los paquetes y los instale.

Una vez que el SDK Manager de Android acaba, tenemos que añadir al PATH (variables de entorno) las rutas del SDK.
Para ello nos vamos a Equipo > Propiedades > Configuración avanzada del sistema > Variables de entorno

Y editamos la variable Path para añadir las rutas del SDK.

En mi caso añado las siguientes rutas:

;C:\Program Files (x86)\Android\android-sdk\platform-tools;C:\Program Files (x86)\Android\android-sdk\tools

Ahora ya podemos trabajar con el SDK y el emulador de Android.

Crear proyecto de Cordova y compilar APK

Entramos al directorio donde queramos hacer el proyecto de Cordova.
En mi caso:

cd C:/wamp/www/app
[shell]

Creamos el proyecto de Cordova:
[shell]
cordova create mi-app com.mi.app MiApp

Entramos al directorio que ha generado Cordova:

cd mi-app

Añadimos la plataforma de android(prodiamos añadir ios u otras si tubieramos sus sdks):

cordova platform add android

Generamos el apk:

cordova build android

Las apk las está guardando en mi caso en:
C:\wamp\www\app\mi-app\platforms\android\build\outputs\apk\android-debug.apk

Si queremos usar el emulador tendremos que crear un AVD para que simule un telefono de verdad, para ello abrimos el AVD Manager y damos click en Create…