Como empezar con MongoDB, Node.js, Express y Jade en Visual Studio

mongo_visual_studio
Estándar

Renovarse o morir.

Esa es la frase lapidaria que cualquier buen programador lleva grabada en su cerebro desde que empieza a trabajar en esta selva de lenguajes, bases de datos, frameworks y demás “fauna”.

Durante muchos años mis labores principales no eran de programación, prácticamente menos Access (y VBA) mis labores profesionales habían sido siempre de gestión de sistemas (servidores, comunicaciones, bases de datos, etc). Pero llego mi “evolución” profesional en el año 2006, cuando gracias a mis conocimientos de Access y VBA entre en una empresa en la que de verdad comencé mi carrera de amor-odio con la programación, concretamente en entorno web con ASP clásico.

Alguno ya empezará a mirar ojiplatico las palabras “ASP Clásico”, pero si, la web de mi nueva empresa estaba programada en ese lenguaje prácticamente calcado a Visual Basic…pero funcionaba, y bastante bien además. Al no provenir de la casta de los “programadores” universitarios, en muchos temas soy bastante menos extremista en cuanto a que cosas son importantes a la hora de crear código (patrones, POO, como usar variables, constantes y demás de forma “correcta”, etc)…yo soy mas pragmático, y muchos dirán “sucio”….que se le va a hacer. Admito que mi preocupación, quizás por mi pasado de Sistemas, es que el programa funcione bien, ¿Que se puede hacer ademas bonito?, seguramente, pero alguien que no entró en ese ámbito laboral desde el principio, bastante tiene con que las cosas funcionen bien. Esto me da una serie de ventajas como he dicho…soy mucho mas flexible a la hora de considerar nuevas situaciones y soluciones a los problemas diarios, y entre ellos se encuentran las evoluciones de mis desarrollos actuales.

Actualmente sigo manteniendo aplicaciones con ASP Clásico, pero mis ultimos backends ya se programan en C# (siempre sobre SQL Server). El hecho es que para vivir como freelance del desarrollo web te encuentras con muchos ámbitos distintos, y el que cada vez mas esta poniéndose en cabeza de las aplicaciones online, es el tema del BigData. Para el que no lo sepa, el “BigData” no es un monstruo de las montañas….es un concepto que engloba distintos tipos de motores de bases de datos especializadas en manejar grandes cantidades de información.

¿Porque existe el BigData?

El análisis de datos es fundamental para las estrategias de negocio actuales, incluso aunque el negocio no sea online. Este análisis siempre esta basado en consultar distintas variables en las bases de datos para extraer información relevante de los clientes, el problema es que en el caso de empresas con cientos de miles o millones de clientes/usuarios, las bases de datos relacionales (SQL Server, Oracle, MySQL, etc) empiezan a tener problemas cuando las consultas requieren manejar cientos de miles o millones de registros, precisamente por la arquitectura en la que se guarda la informacion. Para solucionar este problema desde distintas posiciones han surgido bases de datos NoSQL (Not Only SQL) que intentan solucionar esta problemática usando estrategias distintas para almacenar los datos, y hacer que la consulta y extracción de información sea mucho mas efectiva a los niveles que no llegan las relacionales.

MongoDB

De todas las bases de datos NoSQL mas conocidas hice un estudio de su implantación, uso, y complejidad de aprendizaje para empezar a trabajar con alguna de ellas, siendo Mongo la seleccionada. El argumento definitivo es que tiene mucha mas cuota de mercado que el resto de opciones, lo que la hace mas útil de cara a mis objetivos profesionales.

En lugar de guardar los datos en tablas como se hace en las base de datos relacionales, MongoDB guarda estructuras de datos en documentos parecidos a JSON con un esquema dinámico (MongoDB utiliza una especificación llamada BSON), haciendo que la integración de los datos en ciertas aplicaciones sea más fácil y rápida.

Para instalar MongoDB solo es necesario ir a su web Descargar MongoDB y seguir estos pasos:

  1. Instalar
  2. Crear una carpeta c:\data\db (es la ruta por defecto, buceando en la documentación se puede modificar)
  3. Ejecutar el servicio “mongod.exe”, en mi caso la ruta es la siguiente: C:\Program Files\MongoDB\Server\3.2\bin  (sin la carpeta donde guardar la base de datos el servicio no arrancará)

Para facilitar un poco las cosas podemos descargarnos una aplicación GUI para gestionar/ver las bases de datos, en mi caso he optado por MongoBooster el cual tiene una version free no-commercial.

Node.js, Express y Jade

Para sacarle todo el jugo a MongoDB había que elegir una plataforma donde empezar el camino y que mejor que hacer un 2×1, aprendiendo ademas de Mongo, otras tecnologías que ya son una realidad en el mundo del desarrollo web. ¿Porque elegir Node, Express y Jade?…. por comodidad, ya que existen plantillas prediseñadas para Visual Studio, así de simple.

Después de instalar Node.js para Windows  toca instalar Node para Visual Studio , que nos permite elegir nuevas plantillas al iniciar un nuevo proyecto, todas basadas en Node.js, Express (framework de Node), a la que se suma Jade (framework de plantillas HTML que funciona con Express). Node para Visual Studio requiere Visual Studio 2015 (puede ser la versión Community que es gratuita)

Concretamente mi primer “proyecto” de pruebas tiene estos 3 elementos, os dejo un pantallazo para que veais la ruta para seleccionar estas plantillas:

node visual studio

Una vez abierto el nuevo proyecto podemos ver la estructura de carpetas.

express

Para iniciar nuestras pruebas lo haremos insertando registros en Mongo y mostrándolos a través de una de las paginas de la web resultante. El modelo Node/Express es MVC, por lo que el código se divide en varios archivos para que todo funcione correctamente y sea mantenible.

Antes de empezar con el código necesitaremos instalar el modulo Mongoose a través de npm. Mongoose es un módulo adicional que podemos encontrarlo en el repositorio de npm y que nos permite realizar la conexión entre Node.js y MongoDB de una manera mas sencilla. En Visual Studio tenemos una manera sencilla de instalar cualquier modulo, haciendo clic en la carpeta npm del proyecto y seleccionando “Install New npm Packages”….saldra una pantalla donde buscar el modulo y ejecutar la instalación de manera automática. Sino siempre se puede usar la consola npm con esta orden: npm install mongoose

Empecemos con el código

Nuestro objetivo es guardar y mostrar datos de películas a través de la pagina “/movies” en nuestro proyecto.

En la carpeta /routes crearemos un js llamado movies.js en el que introduciremos el siguiente código, si os fijáis es bastante sencillo de leer:

  1. Definimos la conexión con MongoDB,
  2. Definimos un esquema de datos con el que vamos a trabajar
  3. Abrimos la conexión e instanciamos el “modelo” sobre el que vamos a interactuar contra los registros (colecciones), con la siguiente estructura (El primer argumento es el nombre en singular de la colección y el segundo el esquema). Mongoose buscara automáticamente  el plural del nombre del modelo….raro, mucho, pero es así.
  4. Una vez recojamos la petición desde el navegador buscamos registros.
  5. En el caso de que la tabla ya tenga algún registro insertamos uno nuevo y volvemos a buscar, cargando los resultados en una variable que usaremos en jade para mostrar el listado de películas.

Sobre el esquema y modelo tenéis mas información en la documentación de Mongoose 

var express = require('express');
var router = express.Router();
var mongoose = require('mongoose');

//1
mongoose.connect("mongodb://localhost/local");
var db = mongoose.connection;

//2
var movieSchema = mongoose.Schema({
 name: String,
 released: Boolean,
 watched: Boolean
});

//3
var MovieModel = mongoose.model('movie', movieSchema);
db.on('error', console.error.bind(console, "connection error"));
db.once('open', function () {
 console.log("moviesDb is open...");

});


router.get('/', function (req, res) { 
 //4

 MovieModel.find().exec(function (error, results) {
 if (results.length === 0) {

 } else {
 //5
 MovieModel.create({ name: "Pixels", released: true, watched: false });
 console.log("Movie created...");
 }
 });
 MovieModel.find().exec(function (error, results) {
 if (results.length != 0) {
 res.render('movies', { movies: results }); 
 } 
 });
 
 
});


Con esto tenemos terminada la parte de datos, ahora crearemos la vista movies.jade en la carpeta /views en la que introduciremos el siguiente código:

extends layout

block content
 h1 Movies
 a(href="/addmovie") Add Movie
 ul
    each movie, i in movies
       li 
          a(href="/movie/#{movie.name}") #{movie.name}

Para más información sobre la sintaxis de Jade tenéis este enlace. Básicamente, como podéis ver, definimos objetos HTML pero de una manera mucho mas sencilla, incluyendo ademas funciones y operadores de tratamiento de datos.

  1. En el ejemplo extendemos la plantilla principal “layout” que contiene el codigo común.
  2. Abrimos un bloque “content”
  3. Definimos un h1 con el texto “Movies”
  4. Definimos un enlace a /addmovie con el texto “Add Movie”
  5. Abrimos un objeto ul
  6. Recorremos el objeto movies que traemos desde movies.js y por cada registro abrimos un <li> con el enlace al nombre de la pelicula.

En principio con este código ya tenemos la parte de la vista de datos, ahora tenemos que configurar el archivo de la aplicación app.js para que las llamadas a la url /movies se gestionen de manera correcta, añadiendo estas lineas

var routes = require('./routes/index');
var movies = require('./routes/movies');

var app = express();
.... 
....
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);
app.use('/movies', movies);

Con estas modificaciones ya deberíamos de poder lanzar el debug contra Google Chrome para probar nuestro código y ver como funciona. En principio solo con este codigo hemos probado 2 operaciones importantes contra MongoDB, búsqueda e inserción de registros.

En próximos artúculos seguiremos actualizando el proyecto con mas operaciones emulando la actividad normal de una web.

¿Que te ha parecido el post? Deja tus comentarios.

Deja un comentario

Tu dirección de correo electrónico no será publicada.