Introducción a express

Vamos a comenzar una introducción a Express para trabajar con él en NodeJS.

Express es un framework de NodeJS muy ligero y que pese a ello nos permite ahorrarnos bastante tiempo de programación. Entre sus bondades podemos ver que puede hacer cosas como:

  • API basadas en JSON
  • Aplicaciones web de una sola página
  • Aplicaciones web ejecutadas en tiempo real
  • Reduce el tiempo de desarrollo
  • Contiene modelos tipos enrutamientos y capas para vistas
  • Es muy estable

Instalando Express

Lo primero que tenemos que hacer para poder trabajar con este framework es instalarlo en nuestro sistema. Para ello debemos usar la siguiente instrucción desde la línea de comandos:

npm install -g express-generator

No olvidéis el -g si queremos usar express en diferentes proyectos sin tener que reinstalarlo. Además, puede que el comando de instalación cambie según la versión de express.

Comenzando a utilizar express

Una vez que ya tenemos instalado express podemos crear la estructura de un sitio básico por medio del siguiente comando:

express proyecto

De esta forma nos generará el proyecto como  vemos a continuación:

express-estructura

Vemos como también nos muestra una serie de sugerencias, como instalar las dependencias, para ello tenemos que colocarnos en nuestra carpeta de proyecto y ejecutar:

npm install

Una vez que termine tenemos que ejecutar la aplicación con el siguiente comando:

npm start

Nos dirigimos a nuestro navegador web y entrando a la dirección http://127.0.0.1:3000 vemos el siguiente resultado:

resultado express

La estructura del proyecto

Observando el proyecto vemos que se crea la siguiente estructura

  • app.js
  • bin
  • package.json
  • public
  • routes
  • views

Y analizando de una en una estas carpetas y archivos, vemos que:

app,js

Este es el archivo que contiene la información sobre la configuración de la aplicación

node_modules

Esta carpeta contiene todos los módulos del nodo que se han definido en el archivo package.json

package.json

Proporciona información sobre la aplicación, incluyendo los accesorios que se deben de instalar para que se pueda ejecutar. Esto es territorio de npm y es mejor no tocarlo, sobre todo ahora mismo que estamos en una introducción a express.

public

La carpeta que sirve para la aplicación a la web, siendo el sitio ideal para los archivos css, javascript, imágenes… Es un modelo que se utiliza para garantizar la seguridad de las aplicaciones web sin albergar ninguna lógica para la aplicación.

routes

Define las páginas a las que debe de responder la aplicación.

views

esta carpeta es el sitio para las plantillas de las paginas y sean  usadas por el motor de plantillas elegido.

bin

Es una carpeta destinada a asuntos generales, Aquí se pueden guardar los archivos que contienen funciones y otros elementos de uso general.

Con esto terminamos nuestra introducción a express, aunque seguiremos viéndolo en las siguientes entradas de esta serie, aunque podemos ver la documentación oficial en español si nos es necesario.