lunes, 29 de mayo de 2017

Apache cordova. Primeros pasos

¿Qué es?

Se trata de un framework que nos va a permitir crear aplicaciones para distintas plataformas a través de tecnologías web (html, css, javascript...)

Instalación en Windows

¿Qué necesitamos para instalar Apache Cordova? Inicialmente nos basta con tener instalado Node.js, sin embargo hay otros elementos que nos harán falta a posteriori.
  1. JDK de java. Si no la tienes previamente instalada puedes descargarla aquí.
  2. Node.js. Node.js se trata de in interprete de javascript del lado servidor cuya finalidad es permitir construir aplicaciones escalables y que atende peticiones de modo asíncrono, permitiendo servir gran cantidad de peticiones de modo concurrente sin un alto coste. Podemos descargarlo desde aquí.
  3. Ant. Puedes encontrarlo aquí.
  4. Android SDK.
  5. Finalmente instalamos Apache Cordova
Para la instalación de Apache Cordova nos apoyaremos en Node.js. Para ello debemos ejecutar en un terminal de comandos lo siguiente:
npm install -g cordova

Crear un proyecto Apache Cordova

Ir a la carpeta donde queremos generar el nuevo proyecto y ejecutar el siguiente comando:
cordova create NombreProyecto com.blog.ljlg.cordova "Hola LJ"
Donde:
  • NombreProyecto. Carpeta donde se crea el proyecto.
  • com.blog.ljlg.cordova. Paquete de clases base del proyecto
  • "Hola Luis". título de la aplicación a mostrar.
Se deben generar la siguiente estructura de directorios:
  • merges
  • platforms
  • plugins
  • www
En este momento no tendremos nada dentro d ela carpeta platforms, pues aun no hemos incluido ninguna plataforma para desarrollar
¿Cómo indico para que plataforma quiero crear la aplicación?
Una vez que tenemos el proyecto podemos añadirle plataformas para las cuales se quiere generar el proyecto, así por ejemplo para añadirle la plataforma Android iremos a la carperta del proyecto y ejecutaremos lo siguiente:
cordova platform add android
En este caso se nos añadirá contenido a la carpeta platforms, así mismo

Compilar el proyecto.

cordova build
Finalmente podemos probar nuestro proyecto sobre un emeulador:
cordova emulate android