Como Configurar Node JS y Express JS

Conocimiento es poder!

Como Configurar Node JS y Express JS

Node JS y Express JS son tecnologias web que vinieron para quedarse, asi que, vale la pena aprender sobre ellas.

Lo primero es descargar e instalar Node.js y npm.js (npm viene incluido en la instalacion de Node).

Para asegurarte que todo se instalo correctamente abre el CMD o el Terminal y entra node -v.

Luego entra npm -v para ver la versión de npm.

Si se muestra el número de versión de Node y de npm quiere decir que ambos están instalados correctamente.

El editor o IDE que estoy usando en este ejemplo es Visual Studio Code (VS Code).

Instalando Express JS

  • open VS Code y habre el Terminal en el mismo IDE con Ctrl+Shift+`
  • crea una nueva carpeta con el comando mkdir movie-express
  • cambiate a la carpeta que creaste con el comando cd movie-express
  • crea un nuevo archivo con el comando type nul > app.js
  • entra el comando npm init para crear el package.json
  • ahora instala express js con el comando npm install express – -save

Debes incluir el parametro – -save para incluir expressjs como dependencia en el archivo package.json.

Express JS

Copia y Pega este código en el archivo app.js y dale save.

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => res.send('Hello Express JS!'))

app.listen(port, () => console.log(`Server listening on port ${port}!`))

Entra el comando node app.js para ejecutar el servidor y la aplicación.

Abre el navegador y entra http://localhost:3000/ si todo esta bien debes ver la oracion Hello Express JS! en el navegador.

Felicidades acabas de crear una aplicación básica y un servidor con Node JS y Express JS.

Automatizando el proceso de reiniciar el servidor

Cada vez que hagas un cambio en el archivo app.js tienes que darle “restart” al servidor para que se reflejen los cambios.

Para eso, si el servidor esta corriendo presiona Ctrl+c para detenerlo y entra nuevamente node app.js para arrancarlo.

Pero eso de parar y arrancar el servidor cada vez que se hace un cambio no es buena idea.

Afortunadamente existe una app que hace esto automáticamente al darle save al archivo app.js.

La app se llama “nodemon” (un nombre muy peculiar) para instalarla de manera global y poder usarla en todas tus proyectos utiliza el siguiente comando;

npm install -g nodemon

En vez de escribir node app.js para arrancar el servidor solo escribes nodemon y el proceso de reiniciar el servidor es automatico (gracias nodemon).

Notaras que cuando el servidor esta corriendo ya no puedes entrar comandos en el terminal.

Si quieres entrar un comando en el terminal, entra Ctrl+c para detenerlo, has los cambios que tengas que hacer en el terminal y cuando termines vuelves y entras nodemon.

Comandos que vale la pena recordar

  • mkdir – para crear un directorio nuevo
  • cd – para cambiar de directorio
  • type nul > – para crear un archivo
  • del – para borrar un archivo
  • rmdir /s – para borrar un directorio
  • npm init – para crear el package.json

Proximamente estare publicando y un post relacionado donde explico como crear rutas y darle estilo a las paginas con Node JS.

Gracias por leer y compartir, hasta el próximo!

Tags: ,

Deja tus comentarios o preguntas!

This site uses Akismet to reduce spam. Learn how your comment data is processed.