Crear APK con Cordova

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

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.

sdk manager

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

Variables de entorno

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

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


Creamos el proyecto de Cordova:

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

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…
crear avd
avd manager

Ahora ya podemos lanzar el comando:

cordova emulate android

Y se nos abrirá el emulador de Android con el AVD que hemos creado.
cordova emulate android

emulador android

Pues con esto ya podemos hacer apps hibridas y crear apks para instalarlas en moviles Android.

Más información:
http://cordova.apache.org/docs/en/5.0.0/guide/platforms/android/index.html#Android%20Platform%20Guide
https://cordova.apache.org/docs/es/dev/guide/cli/index.html

Victor

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post

3 Comentarios

  1. Hola soy un novato en esto, pero me he creado una aplicación con eclipse para Android, mi pregunta es que tengo que hacer para pasarla a iOS

    Responder
    • Tendrás que hacer el mismo proceso que con android pero con el compilador de ios.

      Responder
  2. Muchas gracias por este tutorial, me ha sido muy útil.

    Responder

Poner un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *