Iniciar un Proyecto con Node.js y Express.js

Node.js Express.js instalación configuración inicial

Node.js

Node.js conocido como JavaScript del lado del servidor. Quienes llevan un tiempo dentro del desarrollo web saben que JavaScript era conocido por ser un lenguaje que se ejecutaba únicamente del lado del cliente, pero Node.js dio un giro a la situación permitiendo la integración de funciones backend (operaciones usando bases de datos) que antes solo eran posibles a través de lenguajes de programación como PHP, ASP.NET o Java Server Page (JSP). Ahora con Node.js se pueden crear un entorno de servidor para la conexión con un gestor de base de datos y así poder realizar acciones de administración de datos (select, insert, delete and update).

Prepara el entorno

1. Node.js

Lo primero que debes hacer para iniciar con Node.js es descargar e Instalarlo en tu computadora, en este caso tenemos Windows 8.1

Cómo Instalar Node.js

1 Ingresa a https://nodejs.org/

2 Descarga la última versión recomendada, actualmente la versión 16.13



Inicia la instalación y haz clic en Siguiente


Acepta los términos y haz clic en Siguiente


Selecciona la ruta de instalación y haz clic en Siguiente


Clic en Siguiente


Clic en Siguiente


Clic en Instalar


Una vez finalizada la instalación haces clic en Finish

Ahora para verificar si tu instalación se hizo correctamente, abre tu consola de comandos CMD y escribes el comando node y presionas ENTER, podrás ver que el comando es aceptado. Con el comando node -v puedes ver la versión de Node.js que se encuentra instalada.



Instalación de Paquetes NPM

Ahora para crear un nuevo proyecto lo primero que debes haces es crear un Directorio y abrir su ubicación a través de una terminal, hecho esto utilizas el comando npm init -f npm es el gestor de paquetes para Node.js, como Composer para PHP. A continuación del comando tendrás un archivo llamado package.json el cual guarda datos de la configuración del proyecto y el cual se van agregando los paquetes que vas instalando

npm init -f

Express.js

Express es un framework de Node.js para administrar un servidor con Node de manera más sencilla, es simplemente otro paquete para Node pero que simplifica el código al momento de administrar el servidor, sus configuraciones y las rutas.

Para agregar express.js vamos a utilizar el comando para instalar el paquete: npm install express esto agrega ya la dependencia express y ya podemos utilizarla.

npm install express

Otro paquete que es fundamental agregar es nodemon su función es la de reiniciar el servidor automáticamente al detectar un cambio en el código, es decir cuando guardamos un cambio en el código, este lo detecta y no es necesario detener el servidor y reiniciar para ver el resultado en el navegador. Se instala usando el comando en la terminal

npm install nodemon

Visual Studio Code

Visual Studio Code es un editor de código inteligente, el cual entre sus ventajas tiene que incorpora el uso de la terminal para ejecutar diferentes comandos, es de uso libre y más liviano, tiene una gran cantidad de extensiones muy útiles y se integra con Git para el control de versiones (realizar commit, pust, entre otros) en GitHub. Sitio web oficial code.visualstudio.com


Comenzar el código

Ahora vamos a crear un archivo llamado index.js el cual tendrá la configuración para levantar el servidor de Node.js usando Express

index.js

//incluye la librería de express
const express = require('express');
const app = express();

//definimos un puerto para HTTP
const port = 3000;


//Creamos una ruta para el directorio raíz en este caso solo envía el texto 'Hello world!!!' pero es común que se envíe una vista (archivo HTML)
app.get('/', (req, res) => {
    res.send('Hello world!!!');
});

//Comienza a escuchar el puerto definido 3000
app.listen(port, ()=>{
    console.log('Listen on the port 3000');
});

Para verificar que esté corriendo levantas el servidor usando el comando node index.js y visitas en tu navegador localhos:3000 y puedes observar el mensaje Hello Worl!!!

Consulta la documentación oficial de Express en https://expressjs.com/

0 Comentarios