Express Express

🥇 Express

🍿 ¿Qué es Express?

Express es un framework de muy reducido tamaño pero bastante flexible que provee una serie de funcionalidades listas para implementar en aplicaciones web o móviles.

🍿 ¿Cómo instalar express con Nodejs?

  1. Prepara un nuevo folder para crear este nuevo proyecto.
  2. Inicializa una nueva app con npm init, el package.json lucirá algo así.
{
  "name": "app",
  "version": "1.0.0",
  "description": "Primera app utilizando express.",
  "main": "app.js",
  "dependencies": {
    "express": "^4.14.0"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}
  1. Vamos a instalar express como dependencia de nuestra app.
$ npm install express --save

Nuestro package.json agregará express como dependencia.

{
  // ..
  "dependencies": {
    "express": "^4.14.0"
  },
  // ...
}
  1. Dentro de nuestro app.js vamos a mandar llamar express como módulo.
var express = require('express');
  1. Vamos a inicializar después nuestra express app.
var app = express();
  1. Ejecutamos nuestra aplicación en el puerto 3000.
app.listen(3000);

Hasta este punto tenemos una aplicación web funcional, pero no hemos definido ninguna url, para ello tenemos que definir las rutas que vamos a utilizar y el método http por el cual estas estarán disponibles. Para llevar acabo este procedimiento primero explicaremos los distintos métodos http que existen.

🍿 ¿Cuáles son los tipos de métodos HTTP que existen?

GET
Se utiliza generalmente cuando solo se retrae información, por ejemplo, una pagina que se lee o una imagen que se descarga.
HEAD
Igual que get pero retrae solo las cabeceras http, por ejemplo cuando deseamos saber si una pagina ha sido modificada, sin tener que volver a cargarla completamente.
POST
Se utiliza generalmente cuando se envía información, por ejemplo un formulario de registro, o una forma de inicio de sesión.
DELETE
Se utiliza generalmente para borrar algún recurso, por ejemplo cuando deseamos que se elimine nuestra imagen de perfil.

🍿 ¿Cómo crear una ruta al home en express?

  1. Vamos a definir la ruta para nuestro home o pagina de inicio.
// ...
app.get('/', function(peticion, respuesta) {
    respuesta.send(`
        <html>
            <head></head>
            <body>
                <p>Pagina de Inicio!</p>
            </body>
        </html>
    `);
});

app.listen(3000);

Recordar que ES6 permite utilizar la sintaxis de string templates ``, que nos permite entre otras cosas utilizar string multilinea.

  1. También podemos utilizar una variable de entorno para hacer una distinción entre el puerto en un ambiente local y uno de producción.
// acceder a la variable de entorno PUERTO o usar 3000 por default
var puerto = process.env.PUERTO || 3000;

// ejecutar listener en el puerto 3000
app.listen(puerto);

Nuestro código luce algo así en este punto.

// cargar express como modulo
var express = require('express');

// generar nuestra app
var app = express();

// acceder a la variable de entorno PUERTO o usar 3000 por default
var puerto = process.env.PUERTO || 3000;

app.get('/', function(peticion, respuesta) {
    respuesta.send(`
        <html>
            <head></head>
            <body>
                <p>Pagina de inicio!</p>
            </body>
        </html>
    `);
});

// ejecutar listener en el puerto 3000
app.listen(puerto);
  1. Ejecutamos nuestra aplicación, pero ahora utilizando nodemon de manera que cuando realicemos cambios, estos se reflejen automáticamente.
$ nodemon app.js
  1. Abrimos la url http://localhost:3000 en el navegador, y veremos el mensaje Pagina de Inicio.
Instalación global de paquetes Enrutamiento en express
comments powered by Disqus