Crear APK con Cordova

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

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.
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
SHARE

Oscar perez

Arquitecto especialista en gestion de proyectos si necesitas desarrollar algun proyecto en Bogota contactame en el 3006825874 o visita mi pagina en www.arquitectobogota.tk

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comentarios:

Publicar un comentario