Utilizando Apache Cordova en Visual Studio

Crear aplicaciones que funcionen en cualquier plataforma es una buena solución para algunos desarrollos. Para ello tenemos varias herramientas de la cuales destaca Apache Cordova y cómo comentamos en el blog de MSDN, se puede integrar perfectamente en Visual Studio.

¿Qué es Apache Cordova?

Es la herramienta más famosa para crear apps en HTML5 que funcionen en cualquier dispositivo táctil.

Además nos provee de una serie de APIs de JavaScript que nos ayudan a interactuar con los elementos internos de nuestro dispositivo, por ejemplo con la cámara, los contactos, etc.

Al tener estas APIs a nosotros no nos va a importar la plataforma para la que desarrollamos y solo vamos a preocuparnos de nuestra aplicación.

¿Aplicaciones nativas o híbridas?

Una de las características más destacadas de la herramienta es que no te tienes que preocupar de si el dispositivo para el cual haces la aplicación tiene soporte nativo o solo híbrido de las aplicaciones en JavaScript.

Entendemos por híbridas aquellas en las cuales vamos a utilizar un webview y no interactuamos directamente con el motor del navegador.

Actualmente, para las plataformas más conocidas serían:

  • Android: Híbrida
  • Apple: Híbrida
  • Blackberry 10: Nativa
  • Firefox OS: Nativa
  • Windows 8.x: Nativa
  • Windows Phone 8: Híbrida
  • Windows Phone 8.1: Nativa

Integración con Visual Studio

Para realizar una integración completa de Apache Cordova en Visual Studio solo hace falta instalar ‘Tools for Apache Cordova’ (Que ya puedes instalar por defecto a partir de Visual Studio 2015 Preview)

clip_image002

Gracias a estas herramientas, los desarrolladores pueden utilizar todos sus conocimientos en HTML y JavaScript para crear aplicaciones con Apache Cordova.

Crear un nuevo proyecto es tan fácil como en cualquier otro tipo de proyecto:

clip_image004

¿Qué nos aporta esta integración?

Una pregunta es clara, ¿Qué me aporta utilizar Visual Studio para programar con Apache Cordova? Pues la respuesta es sencilla, nos ayuda a trabajar cómodamente con la herramienta sin necesitar depender de otros programar o herramientas y tenerlo todo en un mismo sitio.

Crear código es tan fácil como en cualquier proyecto que utilizamos con Visual Studio.

clip_image006

Puedes depurar y analizar el código de tu app de una manera muy sencilla.

clip_image008

Pre visualizar y probar el resultado de nuestro trabajo es tan fácil que solo has de apretar un botón.

clip_image010clip_image012

Puedes obtener más información y ejemplos en el siguiente enlace.

_____________________________

Quique Fernández

Technical Evangelist Intern

@CKGrafico