Node.js es un entorno de ejecución de JavaScript del lado del servidor que permite ejecutar código JavaScript en el servidor. Express, por otro lado, es un marco web para Node.js que simplifica el desarrollo de aplicaciones web proporcionando una estructura y funciones útiles.
A continuación, te guiaré a través de los pasos para configurar un servidor con Node.js y Express:
Paso 1: Instalar Node.js y npm
Asegúrate de tener Node.js y npm instalados en tu máquina. Puedes descargarlos desde el sitio oficial de Node.js: Descargar Node.js
Paso 2: Crear el proyecto
Crea un nuevo directorio para tu proyecto y abre una terminal en ese directorio. Luego, ejecuta el siguiente comando para iniciar un nuevo proyecto de Node.js:
npm init -y
Este comando creará un archivo package.json
con la configuración predeterminada.
Paso 3: Instalar Express
Instala Express ejecutando el siguiente comando:
npm install express
Paso 4: Crear el archivo del servidor
Crea un archivo llamado server.js
en tu directorio del proyecto y ábrelo con tu editor de código favorito. Luego, agrega el siguiente código:
const express = require('express'); const app = express(); const port = 3000; app.get('/', (req, res) => { res.sendFile(__dirname + '/index.html'); }); app.listen(port, () => { console.log(`Servidor escuchando en http://localhost:${port}`); });
Paso 5: Crear el archivo HTML
Crea un archivo llamado index.html
en el mismo directorio y agrega el contenido HTML que deseas mostrar.
Paso 6: Ejecutar el servidor
Regresa a la terminal y ejecuta el siguiente comando para iniciar el servidor:
node server.js
Ahora, puedes abrir tu navegador y visitar http://localhost:3000
para ver tu sitio HTML servido por el servidor Node.js y Express.
Este es un tutorial básico para comenzar. Puedes expandir y personalizar según tus necesidades. Además, considera agregar middleware, manejo de errores y otras características proporcionadas por Express para una aplicación más robusta.
Continuaremos con la parte dos del tutorial donde vamosa mejorar nuestro servidor Node.js y Express agregando diferentes tipos de rutas y middleware. Esto proporcionará una visión más completa de cómo puedes estructurar y extender tu aplicación. A continuación, te guiaré paso a paso: