Creando una App Android con Apache Cordova (PhoneGap).

logo-cordoba-2

Hoy en día las aplicaciones móviles están en continuo cambio y crecimiento, cada plataforma (IOS, Android, Blackberry, Firefox OS, Windows Phone, etc) utiliza su propio lenguaje de programación, si queremos que nuestra aplicación esté disponible para cada una de ellas, supone escribir y mantener “n” aplicaciones diferentes. 

Apache Cordova es un framework que nos permite desarrollar aplicaciones móviles muy potentes utilizando HTML5, javaScript y CSS3 y compilar en aplicaciones nativas para cada una de las diferentes plataformas y con un solo código base, reduciendo considerablemente los tiempos de desarrollo.

Para resumir, al día de hoy, Apache Cordova y PhoneGap no tienen diferencias, salvo que se descargan de distintos sitios, ambos son gratuitos y Open Sources.

  • Después de esta pequeña intro, vamos con nuestra aplicación.

Lo primero es tener instalado Node.js y seguir los pasos de instalación para los distintos sistemas operativos.

Necesitamos instalar el SDK de Android, el cual podemos bajar de su página oficial.

No olvidemos setear la variable de entorno. En mi caso Linux:

$ export PATH=${PATH}:/home/{user}/android-sdk-linux/tools/

Vamos con Apache Cordova, su instalación con NPM (Node Package Module) es tan simple como escribir:

$ npm install -g cordova

npm-cordova-version

Apache Cordoba nos brinda a través de un conjunto de plugins el poder tener acceso al hardware del dispositivo, camara, GPS, bateria, agenda de contactos, etc. los cuales se recomienda ir instalando de acuerdo a nuestras necesidades. Algunos ejemplos:

$ cordova plugin add org.apache.cordova.device

$ cordova plugin add org.apache.cordova.camera

$ cordova plugin add org.apache.cordova.geolocation

Ahora sí, crearemos nuestro proyecto con Apache Cordova, nos posicionamos dentro de una carpeta donde queremos crear el proyecto, por ejemplo:

$ cd /home/tincho/foderIt-cordova

El comando “create” de Apache Cordova nos creará toda la estructura de nuestro proyecto, una aplicación totalmente funcional y lista para ser compilada a cualquier plataforma.

$ cordova create MyAppFolderIt

createApp2

En la siguiente imagen vemos la estructura del proyecto creada.

A modo de ejemplo hacemos algunos cambios en el index.html.

index2

Cambiamos el icono que nos crea Apache Cordova por defecto.

icono

Agregamos la plataforma donde vamos a compilar, en nuestro caso Android.

$ cordova platform add android

Solo resta compilar nuestra App.

$ cordova build

compile

Si todo salio bien, Apache Cordova nos generó el archivo apk “android-debug.apk” en el siguiente directorio:

apk

Ya estamos en condiciones de llevar la aplicación a nuestro dispositivo Android. En mi caso con un cable USB copie el archivo .apk en mi celular y luego con la App Astro File Manager o cualquier otra herramienta que nos permita gestionar los archivos de nuestro equipo realice la instalación.

l9iY29rZ

Hasta acá llegamos con esta más que simple Aplicación Android, el tema es amplio y la idea era mostrar el potencial de esta herramienta, y lograr que nos aliente a seguir investigando y tenerla en cuenta a la hora de evaluar las diferentes tecnologías del mercado para el desarrollo de aplicaciones móviles.

Para aquellos que les interese el tema pueden investigar sobre los servicios de compilación de Adobe PhoneGap Build.

 

Tags

Access top talent now!

Related

Get in Touch