Cómo instalar Apache Cordova en Debian 2015-05-09

Tutorial para instalar Apache Cordova en Debian.

En este nanotutorial aprenderemos a instalar Apache Cordova en nuestra instalación de Debian Jessie.

Cómo instalar Apache Cordova en Debian

Apache Cordova en un framework basado en Node.js y otras tecnologías que permite el desarrollo de aplicaciones móviles híbridas basadas en HTML5, Javascript y CSS3.

Cordova permite a través de una seria de plugins el manipular periféricos y componentes del dispositivo móvil desde un API basada en Javascript.

Entre los plugins más conocidos tenemos:

  • Cámara.
  • Bateria.
  • Geolocalización.
  • Acelerómetro.
  • Orientación.
  • Tranferencia de archivos.
  • Red.

Una de las ventajas de trabajar con Cordova es que permite compilar el proyecto para múltiples plataformas. Entre las plataformas oficiales están:

  • Android.
  • iOS.
  • Windows Phone.
  • Firefox OS.
  • Web OS.

Otros proyectos como Phonegap han adoptado Apache Cordova como el core para el desarrollo de aplicaciones móviles.

Veamos entonces el proceso de instalación y cómo crear nuestra primera aplicación Cordova.

Actualizar paquetes

Lo primero que debemos hacer es actualizar la paquetería en Debian. Esto lo hacemos con los siguientes comandos.

sudo apt-get update
sudo apt-get upgrade

Instalar Node.js

El cliente de Apache Cordova esta basado en Node.js por lo cual debemos haberlo instalado antes de iniciar con Cordova. Para instalarlo puedes seguir el siguiente nanotutorial: Cómo instalar Node.js y NPM en Debian Wheezy.

Instalar Apache Cordova

Una vez instalado Node.js con NPM podemos continuar con nuestro tutorial. Para instalar Apache Cordova en nuestro sistema, debemos hacerlo con el siguiente comando (esto puede tardar unos segundos):

sudo npm -g install cordova

Instalar Apache Cordova

Si lo ven, la instalación es fácil. Las complicaciones vienen al momento de preparar nuestro sistema para poder compilar el proyecto para una plataforma específica.

Crear nuestro primer proyecto en Apache Cordova

Para crear nuestro primer proyecto Cordova debemos correr el siguiente comando:

cordova create hello com.example.hello HelloWorld

Crear nuestro primer proyecto en Apache Cordova

Esto nos creo la carpeta hello donde reside nuestro proyecto.

Si revisamos la carpeta podremos observar la siguiente estructura:

  • platforms. Aquí se crean los archivos necesarios para compilar a las diferentes plataformas que vayamos agregando a nuestro proyecto.
  • plugins. En esta carpeta se almacenan todos los plugins de Cordova que utilicemos.
  • www. El código de nuestra aplicación en HTML5, Javascript y CSS3.
  • config.xml. Archivo de configuración del proyecto Cordova.

Estructura de directorio en proyecto Cordova

Agregando una plataforma

Cordova permite la portabilidad a diferentes plataformas móviles y tambión en otros dispositivos como Smart TV's entre otros. Para agregar una plataforma sólo debemos ejecutar el siguiente comando:

cordova platform add <<plataforma>>

Para remover una plataforma simplemente debemos ejecturar el siguiente comando:

cordova platform rm <<plataforma>>

Agregando la plataforma Android

Para agregar la plataforma Android a nuestro proyecto Cordova, debemos ejecutar el siguiente comando:

cordova platform add android

Agregando la plataforma Android

Agregando un plugin

Para acceder a características propias del dispositivo para el cual desarrollamos la aplicación, Cordova nos brinda una extensa lista de plugins para diferentes necesidades. Dicha lista está publicada en la página oficial de Cordova.

Plugins de Cordova

Para agregar un plugin debemos ejecutar el siguiente comando:

cordova plugin add <<plugin>>

Para removerlo, lo hacemos con el siguiente comando:

cordova plugin rm <<plugin>>

Agregar el plugin Device

Device nos permite acceder a información del dispositivo como por ejemplo:

  • Plataforma.
  • Versión.
  • Modelo.
  • UUID.

En este paso es bueno auxiliarnos del buscador de plugins dentro de la página oficial de Cordova.

Una vez encontrado el plugin, veamos la información que aparece en el detalle.

Plugins de Cordova

Ahora sabemos el nombre del plugin y podemos proceder a instalarlo. Como información adicional podemos encontrar tambien las plataformas soportadas y la documentación oficial de cómo utilizarlo dentro de nuestra aplicación.

Para instalarlo debemos ejecutar el siguiente comando:

cordova plugin add org.apache.cordova.device

Agregar el plugin Device

De esta manera podemos ir extendiendo características a nuestra aplicación para iteractual con el dispositivo. Ahora resta trabajar nuestra aplicación HTML5 dentro del directorio www.

En un posterior tutorial vamos a abordar cómo preparar un ambiente Android para compilar aplicaciones e instalarlas en nuestro teléfono directamente con Cordova.


Acerca del autor

Hugo Gilmar Erazo Full Stack Web Developer

Soy un desarrollador web con más de 10 años de experiencia. Me considero fanático de GNU/Linux, lo cual me ha permitido complementar mis conocimientos en el desarrollo web con la administración de servidores.

Aunque manejo todo lo relacionado al Front-End, me inclino más por el desarrollo Back-End. También desarrollo aplicaciones móviles híbridas. Me gusta lo que hago.

Compartir este artículo