Node Para Principiantes - Introducción a Express

Namecheap.com

Portada originalmente extraida de la del libro "Express.JS Guide" de Azat Mardan. Click aquí para ver el sitio web del libro.

En nuestro último capítulo de Node Para Principiantes vimos como iniciar con NPM, verificar que lo teníamos instalado y empezar a usar paquetes.

En esta ocasión vamos a repetir el ejercicio expuesto en el artículo Node para Principiantes - Creando nuestro primer servidor con 'http' y sirviendo archivos estáticos usando 'fs' que consistía en servir un archivo index.html usando Node, la diferencia es que esta vez usaremos Express.

¿Qué es Express? ¿Dónde puedo encontrarlo?

Express.JS(en adelante Express) es una infraestructura web rápida, minimalista y flexible para Node.JS, según la definifición de su sitio web, aunque cuando trabajemos un poco con él podremos definirlo como un framework de Node.JS construido para ayudarnos facilmente a construir aplicaciones web, desde el routeo hasta construir API's.

Express está registrado como un módulo de Node, por lo que podemos usarlo instalándolo tal y como aprendimos en el otro tutorial, así que nos servirá de práctica.

Vamos a ello, obtengamos nuestro index.html usando Express

  • Instalar Express
     $ npm install express --save
  • Escribir nuestro index.js usando Express
//Importamos Express tras instalarlo vía NPM
import express from 'express'

// Definimos App como la función del módulo Express
const App = express()

// Definimos algunas variables que usaremos en las distintas funciones
const port = 3000  
const options = {  
  root: __dirname
}

// Definimos funciones para luego usarlas al recibir una petición en el router
function getHTML(req, res) {  
  res.sendFile('./index.html', options, (err) => {
    if (err) throw err;
    console.log('Sirviendo index.html')
  })
}

// Definimos las rutas
App.get('/', getHTML)

// Escuchamos el puerto de Express
App.listen(port, () => {  
  console.log('Aplicacion escuchando en el puerto: ' + port)
})
  • Iniciamos nuestro archivo desde consola y veriticamos el estado en el navegador:
[email protected]:~/Desktop/test$ node index.js  
Aplicacion escuchando en el puerto: 3000  
Sirviendo index.html

Recuerda compartir este artículo para que más personas puedan llegar a el y no dudes en hacerme cualquier pregunta haciendo click aquí.

Enlaces Relacionados

Documentación de Express - API Reference

res.sendFile()- Documentación de Express

Node Para Principiantes - Instalación de Node.JS en Linux, Mac y Windows

Node para Principiantes - Creando nuestro primer servidor con 'http' y sirviendo archivos estáticos usando 'fs'

Node Para Principiantes - Introducción a NPM y el manejo de paquetes en JavaScript