DanteCervantes.com

Introducción / instalación de Phonegap / Apache Cordova

Publicado por : Dante | 24 mayo, 2015 | 7:35 am

 

Muchas veces en nuestros trabajo o proyectos personales debemos realizar una aplicación para dispositivos móviles como son Android / iPhone / iPad / Firefox OS / Windows Phone / Blackberry, etc.

PERO, desarrollar todas y cada una de las aplicaciones en su lenguaje de programación nativo, puede llegar a ser un dolor de cabeza, y una gran inversión de tiempo, Phonegap / Apache Cordova, nos facilita esta tarea, dado que su funcionalidad permite programar una sola vez, para todas las plataformas anteriormente mencionadas, todo esto a travez de Javascript, en sí, Cordova, es un bridge (puente) entre el lenguaje nativo de la aplicación objetivo y Javascript, esto quiere decir que por medio de Javascript, Cordova compila la aplicación para todas las plataformas, esto suena sencillo sin embargo probar cada aplicación requiere (obviamente) de un dispositivo de cada plataforma físico o virtual, si tu computadora es un poco atrasada en tecnología, considera ampliar su funcionamiento antes de comenzar a desarrollar con Cordova.

Instalación

¿Qué necesito?

1 .- Instalar Node.js (indispensable)

2 .- Accedemos a cordova.apache.org

3.- Hacer clic en “Download” ( el grande azul de la derecha )

4 .- Hacer clic en donde dice “Command-Line interface”

El último paso nos dirá los requisito que nuestra computadora debe tener antes de poder utilizar Cordova, de lo contrario puede funcionar, pero con un poco de lag (lentitud)

Una vez hayamos instalado Node.js , accedemos a la linea de comandos en Windows con Ctrl + R, y en Mac podemos abrir Spotlight (Ctrl + Spacebar) y teclear la palabra “Terminal” una vez allí, los comandos son idénticos para el cliente de Cordova, no para la terminal ( ver artículo, terminales en Windows, Mac y Linux).

Tecleamos la sintaxis, para Mac

Para Windows

Para crear una aplicación tecleamos

El primer argumento después de la palabra create es el directorio que Cordova creará para tu aplicación, el segundo es el bundle id, este es un identificador único de tu aplicación, es obligatorio recordarlo dado que te servirá para publicar la aplicación en las tiendas electrónicas, notificaciones y otras muchas opciones, el tercer parámetro es el nombre de tu aplicación.

Agregar plataformas

Las siguientes lineas de comando añadirán las plataformas en las cuales Cordova compilará la aplicación, (en Windows no es posible compilar iOS, necesitas una computadora Mac si ó si), necesitarás instalar el SDK de cada plataforma para poder compilar cada aplicación.

Desde Mac, solo es posible compilar estas plataformas

Desde Windows

Cada vez que se realice una modificación en el código de la aplicación debes ejecutar el siguiente comando para actualizar la compilación.

Una vez hayas terminado la aplicación ejecutar el comando, esto compilará las aplicaciones para las plataformas añadidas con anterioridad.

Emular aplicaciones

Sino dispones de un dispositivo móvil Android, puedes emular la aplicación directamente desde el dispositivo virtual que provee el SDK de Android con el siguiente comando

Probar aplicación en dispositivo físico

Para instalar la aplicación en un dispositivo Android físico, debes tener dicho dispositivo en modo “Desarrollador”, después ejecutamos el siguiente comando, teniendo el teléfono conectado via USB a la computadora (debes haber instalador los drivers del dispositivo, dependen de cada modelo y marca)

Instalar Plugins

Cordova tiene la particularidad de poder instalar funciones extras a las aplicaciones, como diálogos de carga, mapas, ubicación, activación de bluetooth, enviar sms, enviar correos electrónicos, compartir en redes sociales y mucho más, para añadir un plugin adicional debes ejecutar el siguiente comando

Si el plugin está disponible para las plataformas que agregaste durante la instalación de Cordova, el plugin descargará la versión para cada una de las plataformas.

Conclusión

Desarrollar aplicaciones no debe ser un dolor de cabeza, ni una inversión demasiado grande de tiempo, Javascript cada día más abre las puertas del desarrollo para muchas más plataformas como Escritorio ( Windows, Mac ), aplicaciones, crear un Servidor con Nodejs; Si tu fuerte es el desarrollo web, definitivamente debes aprender Cordova.

Recibe los mejores desarrollos y tutoriales

* campos requeridos

redes sociales