Guía-Tutorial Express: desarrollo estable y rápido

guia y tutorial Express Javascript

En este artículo seguimos explicándote qué puedes hacer con el MEAN stack, centrándonos esta vez en Express.

Tutoriales anteriores de nuestro proyecto:

  1. Introducción: Mean Stack
  2. Guia tutorial Node.JS
  3. Guia-tutoria Express
  4. Guia-tutorial MongoDB
  5. Desarrollando nuestro proyecto

Express es un framework para aplicaciones node.js, que contiene innumerables métodos, utilidades y middleware en general, para hacer nuestro desarrollo más estable y rápido.

 

En la pequeña aplicación que hemos creado en el artículo anterior “Node.JS: todo lo que necesitas para empezar”, podemos ver un simple uso de express.js. Para utlizarlo tendremos que requerirlo del mismo modo que hemos requerido las librerías de superagent.

 

Al igual que con superagent, previamente lo tendremos que hacer instalado en nuestro proyecto, con npm:

 

#:> npm install express –-save

 

Si deseamos instalarlo globalmente en el sistema para tenerlo como comando en nuestro terminal, podemos utilizar la opción –g (global)

 

#:> npm install –g express

 

Para que funcione el commando, deberemos instalar express-generator

 

#:> npm install –g express-generator

 

Una vez hecho esto podemos crear un Nuevo Proyecto node.js express de esta forma:

 

#:> express helloExpress

 

Esto creará un directorio con la siguiente estructura:


Ahora, fijémonos en que junto a estos archivos y directorios, se ha creado un archivo package.json en el directorio raíz. Este package.json contiene como hemos visto las dependencias de nuestro proyecto, que en este momento, como no hemos escrito una sola línea, son las dependencias de express.

 

Podemos examinar este archivo y vemos que contiene lo siguiente:

Package json

 

Para instalarlas, nos situamos en el directorio raíz y tecleamos:

 

#:> npm install

 

Esto nos creara un directorio llamado node_modules donde encontraremos esas dependencias necesarias para nuestro proyecto. Observarás que hay muchos más paquetes de los especificados en package.json, esto es porque cada paquete tiene a su vez un package.json con sus respectivas depedencias, y todo esto es instalado al ejecutar npm install.

 

Vemos que existe un archivo, también en la raíz de nuestro proyecto, llamado app.js

 

Este es el corazón de nuestro programa, aquí definiremos rutas, vistas, registros, etc. De hecho ya es funcional, para probarlo vamos a ejecutar nuestra recién nacida aplicación con:

 

#:> npm start

 

npm utilizará la información contenida en package.json

 

“scripts”: {

 

“start”: “node ./bin/www”

 

},

 

Es decir, es lo mismo que ejecutar

 

#:> node ./bin/www app.js

 

Ahora vamos a nuestro navegador y accedemos al puerto 3000 y veremos algo así:

Express en el navegador

En la consola, veremos que la aplicación se está ejecutando y cada vez que accedemos con nuestro navegador, se muestran estadísticas de cada solicitud:

Express en la consola

 

Si quieres aprender más sobre Express, desde Digital Tech Institute hemos preparado para ti un máster en Full Stack Development – The MEAN donde conocerás todo sobre la forma de desarrollar aplicaciones Back-end y Front-end que las empresas están demandado en este momento. ¡No pierdas la oportunidad!

Port Relacionados

% Comentarios (1)

Déjanos un comentario

Debes estarconectado/a para publicar un comentario.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies

ACEPTAR
Aviso de cookies