Implementar Nuestros Sitios Web con el Framework Express

El framework Express es una infraestructura web que esta implementado en el lenguaje de programación JavaScript gracias a Node.js que es el intérprete Javascript del lado del servidor.

El famework express es usado en diferentes proyectos uno de ellos es Ghost (plataforma desarrollado para ser utilizado como blog al 100%).

Trabajar con Express nos facilita la tediosa tarea de comenzar un proyecto desde cero ya que Express cuenta con (enrutamiento, motor de plantilla, manejo de errores, depuración, etc), para que el desarrollo sea mas placentero para los desarrolladores.

Bueno como la mayoría sabe que es un framework, vamos a pasar a instalarlo y crear un proyecto con Express.

Instalar Express en nuestro sistema operativo

Para implementar nuestros sitios web con el framework express debemos realizar ciertas instalaciones.

Primero debemos instalar Node.js te recomiendo ver el siguiente post Instalar Node.js en Windows o si deseas tener instalado varias versiones de Node.js en tu sistema operativo te recomiendo el siguiente post Instalar Varias Versiones de Node.js (Windows).

Una vez instalado correctamente Node.js pasaremos a utilizar la herramienta generadora de aplicaciones, express, para crear rápidamente un esqueleto de aplicación.

Comando

$ npm install express-generator -g

Ejemplo de uso

Instalar Express Generator


Una vez instalado para ver la versión de express ejecutamos el siguiente comando

Comando

$ express version

Resultado versión Express

Resultado versión express

Si realizaste satisfactoriamente los pasos anteriores te felicito ya tienes instalado Express en tu sistema operativo.

Generar una aplicación Express

Vamos a generar una aplicación Express gracias a la herramienta express-generator que instalamos previamente.

Comando

Este comando creara una aplicación con el nombre de miapp en la ruta que te encuentres, el motor de vistas será asignado a Pug, antiguamente denominado Jade, accederá al interior de la carpeta miapp y luego instalara las dependencias.

$ express --view=pug miapp && cd miapp && npm install

Una vez creado el proyecto obtendremos una estructura similar a la sguiente.

.
├── app.js
├── bin
│   └── www
├── node_modules
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug
    └── layout.pug

Poner en marcha el servidor web

Para poder ver nuestro proyecto funcionando en un navegador web tenemos que ponerlo en marcha o correr el servidor.

Comando para MAC

$ DEBUG=myapp:* npm start

Comando para Windows

> set DEBUG=myapp:* & npm start

Ahora accede a tu navegador de preferencia y en la barra de direcciones escribe http://localhost:3000

Express corriendo

Para mas información te recomiendo leer la documentación en español de express.

Compártelo en tus redes sociales, para que tus amigos lo lean :)

Luis Rene Mas Mas's Picture

Luis Rene Mas Mas

Desarrollador front-end & webmaster del blog 01luisrene.com

Trujillo - Perú @01luisrene

Únete al Blog

Obtén los últimos artículos publicados directamente en tu bandeja de entrada.

O suscríbase vía RSS con Feedly!

Comparte tu Opinión