aplicaciones en tiempo real con meteor

Meteor es un entorno ultra-simple para el desarrollo de sitios web modernos. Lo que antes tardaba semanas, incluso con las mejores herramientas, ahora te cuesta horas con Meteor

Por qué meteor ?

Actualmente la web ha evolucionado hasta el punto de construir aplicaciones web en JavaScript que corren en el lado del cliente, que tienen interfaces gráficas eficientes, no recargan páginas y son reactivas.

Casi todas estas aplicaciones fueron escritas con pocas herramientas y usando mucho tiempo y personal

Meteor simplifica enormemente este tipo de aplicaciones reduciendo considerablemente el tiempo y esfuerzo en el desarrollo de este tipo de aplicaciones.

los siete principios

de meteor

Instalando meteor

Actualmente Meteor está soportado oficialmente para Mac y Linux , mediante el comando:

$ curl https://install.meteor.com | /bin/sh

(Lo siento, no hay soporte oficial para plataformas extrañas de desarrollo, pero pueden probar http://win.meteor.com/ en el caso de tener gusto por la vida peligrosa)

Creando un aplicativo con meteor

La mayoría de operaciones en Meteor se hacen mediante el comando meteor:

$ meteor create MiApp

(Este comando al ser ejecutado crea un directorio. dentro de este se encontrarán tres archivos: html,js y css)

EJEcutando el aplicativo con meteor

Luego de ingresar al directorio creado por el comando meteor create:

$ meteor

(El comando meteor al ser ejecutado sin argumentos en el directorio del aplicativo inicia el servidor local en el puerto 3000: http://localhost:3000)

usando paquetes de meteor

En el directorio creado por el comando meteor create:

$ meteor add jquery

(El comando meteor add jquery agrega la librería JQuery a nuestro proyecto y la podemos usar en cualquier punto sin tener que añadirla a la plantilla)

paquetes disponibles en meteor

En el directorio creado por el comando meteor create:

$ meteor list

(El comando meteor list nos permite ver que paquetes están disponibles para el uso del proyecto actual)

desplegar una app en meteor.com

Meteor ofrece la facilidad de utilizar sus servidores para desplegar aplicaciones.

En el directorio creado por el comando meteor create:

$ meteor deploy miapp.meteor.com

(El comando meteor deploy nos permite publicar nuestro aplicativo en un subdominio de meteor.com de forma gratuita)

El template en meteor


<head>
  <title>MiApp</title>
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
  <h1>Hello World!</h1>
  {{greeting}}
  <input type="button" value="Click" />
</template>

Este es el formato de plantillas de Handlebars

JavaScript para el cliente en meteor


if (Meteor.isClient) {
  Template.hello.greeting = function () {
    return "Welcome to MiApp.";
  };

  Template.hello.events({
    'click input' : function () {
      // template data, if any, is available in 'this'
      if (typeof console !== 'undefined')
        console.log("You pressed the button");
    }
  });
}

JavaScript para el servidor en meteor


if (Meteor.isServer) {
  Meteor.startup(function () {
    // code to run on server at startup
  });
}

Como podemos observar tanto el JavaScript del cliente como del servidor puede estar en el mismo archivo diferenciados por las funciones: Meteor.isServer y Meteor.isClient

Instalando meteorite


$ sudo npm install -g meteorite

Despúes de ejecutar este comando se podrá utilizar el comando mrt suplantando el comando meteor, ya que este hace las mismas funciones de meteor e incluye los paquetes de la comunidad

Descargando y probando un ejemplo

para descargar:


$ meteor create --example leaderboard


$ meteor create --example parties


$ meteor create --example todos


$ meteor create --example wordplay

para probar solo debemos ejecutar el comando meteor dentro del directorio creado

aplicaciones en tiempo real con

meteor

aplicaciones en tiempo real con meteor

More from Adrián Estrada