Meteor: cómo desarrollar aplicaciones sencillas en JavaScript

4 min lectura
Desarrolladores / 26 febrero 2016
Meteor: cómo desarrollar aplicaciones sencillas en JavaScript
Meteor: cómo desarrollar aplicaciones sencillas en JavaScript

BBVA API Market

Simple y rápido. Incluso incompleto. Hoy en día ningún desarrollador de aplicaciones se plantea un producto digital acabado en su lanzamiento. No nos referimos a un producto en el que se puedan hacer retoques, sino a una aplicación que el día de su estreno sea algo conscientemente inacabado, pero cuyo desarrollo haya sido corto y sencillo. Algo que se pueda desarrollar con mayor precisión gracias al uso que los usuarios hagan de ese producto.

El Desarrollo Rápido de Aplicaciones (RAD – Rapid App Development, en sus siglas en inglés) se ha convertido en una de las tendencias más claras del desarrollo de software moderno. La idea es lanzar productos con un coste reducido, simples, mejorables con la experiencia del usuario y multiplataforma. En esas condiciones, destacan marcos de interfaz de usuario como Angular JS, Backbone JS, Ember JS, React JS, Polymer o Knockout o de apps como Apache Cordova y PhoneGap. Meteor es otra plataforma para el diseño rápido de aplicaciones, en este caso, en toda la pila del desarrollo: por el lado del cliente, por el lado del servidor y por la base de datos.

Meteor se ocupa de todo lo necesario en una aplicación: el flujo de los datos entre la nube y las aplicaciones cliente o la propia interfaz de usuario a través de Blaze, su marco de desarrollo para la interfaz de usuario. Todo en un único proceso de diseño gracias a Apache Cordova, la plataforma que facilita un solo desarrollo tanto para iOS (Apple Store) como Android (Google Play). La base de datos utilizada es Mongo DB, en lenguaje JavaScript y totalmente escalable. Gran parte de los proyectos en JS utilizan esta BD de código abierto.

Además, Meteor pone a disposición de los desarrolladores un servicio en la nube llamado Galaxy. ¿Cuáles son las ventajas de este servicio integrado?

●   Actualizaciones coordinadas del código entre cliente y servidor.   

●   Seguimiento de clientes en tiempo real: facilita métricas.

Galaxy se ejecuta en Amazon ECS: esto permite que el equipo de desarrollo disponga de datos en tiempo real de la memoria, CPU… 

Meteor: cómo empezar a usarla

El primer paso a seguir es su instalación dentro del equipo:

●   Se puede descargar el archivo .exe para equipos Windows en este enlace: instalación de Meteor para el sistema operativo de Microsoft. Después lo único que es necesario es ejecutar ese archivo y seguir las indicaciones.

●  En el caso de disponer de un equipo con sistema operativo OS X o Linux, ejecutar el siguiente comando en la terminal de Meteor:
curl https://install.meteor.com/ | sh

●  Para realizar desarrollos en iOS es necesario descargar Xcode en el equipo. Xcode es el entorno de desarrollo integrado de Apple. Se puede descargar de forma gratuita desde la propia Apple Store.

El segundo paso sería añadir soporte móvil al proyecto. Como ya explicamos antes, Meteor lleva integrada la plataforma Cordova, que unifica los desarrollos para todos los sistemas operativos en dispositivos móviles: entornos iOS, Android y también Windows Phone. Pero para usarla dentro de cualquier proyecto desarrollado en Meteor es necesario ejecutarla de forma específica a través de los siguientes comandos dentro del terminal:

●   Sistemas operativos iOS: meteor add-platform ios.

●   Sistemas operativos Android: meteor add-platform android.

La creación del primer proyecto de aplicación con Meteor es muy sencilla. Se abre el terminal en la plataforma y se escribe el siguiente comando: meteor create simple-todos. De forma automática se creará una carpeta llamada simple-todos en la que estarán incluidos todos los elementos de la app:

simple-todos.js       # a JavaScript file loaded on both client and server
simple-todos.html     # an HTML file that defines view templates
simple-todos.css      # a CSS file to define your app’s styles
.meteor               # internal Meteor files

Para ejecutar esa nueva aplicación, aplicar el siguiente comando:

cd simple-todos
meteor

Después se abre el navegador en la pantalla de la derecha de Meteor y se teclea la url del hosting local: http: // localhost: 3000. Es allí donde se ejecuta el nuevo proyecto. Desde el propio navegador, el desarrollador puede ver los cambios en los elementos HTML, CSS y JavaScript de la aplicación.

En la plataforma de desarrollo colaborativo más conocida del mundo, GitHub, existen algunos tutoriales interesantes para el diseño de proyectos en Meteor.

El último paso es probar si la aplicación se ejecuta con normalidad:

●  Para dispositivos iOS: meteor run ios.

●  Para dispositivos Android: meteor run android.

Por qué Meteor y no otro marco similar

Hay algunas características que hacen que utilizar Meteor ofrezca algunas ventajas con respecto a otras plataformas de desarrollo de aplicaciones:

●  Meteor fue una plataforma pensada para que los desarrolladores no tuvieran que hacer especiales esfuerzos a la hora de aprenderla.

●  Es posible diseñar aplicaciones en un único lenguaje: JavaScript. Da igual que se trabaje en el front-end, en el back-end o en la base de datos, la única sintaxis que debe conocer el desarrollador es JavaScript.

●  La comunidad de Meteor es muy amplia: esto es importante porque facilita una gran cantidad de documentación, es sencillo aprovecharse de la experiencia del resto de desarrolladores… Las ventajas son muchas. Este es un buen listado de fuentes para aprender Meteor.

●  Codificación amigable para el desarrollador: el código para programar aplicaciones está optimizado. Se economiza mucho en el número de líneas de código, en gran medida porque no es obligatorio incluir todas las etiquetas HTML, ni tampoco los archivos CSS y JS.
 

Cuando uno analiza cuáles son los repositorios con más éxito y mejor valorados en GitHub, Meteor es, sin duda, uno de los que mejor posición ocupa. Hoy en día acumula más de 32.000 estrellas y ocupa el puesto número 13, por detrás de los repositorios de Bootstrap, Angular JS, d3 o jQuery. Los proyectos con más éxito en GitHub son en lenguaje JavaScript. 

Síguenos en @BBVAAPIMarket

 

También podría interesarte