Iniciar un Proyecto Node.js

Para los usuarios que recién están empezando en este mundo del desarrollo web, vamos a implementar un proyecto con el lenguaje de programación Node.js.

Para mejorar nuestro rendimiento y facilitar la instalación al momento de agregar nuevos paquetes vamos a usar npm.

¿Que es npm?

npm es el manejador de paquetes por defecto para Node.js, un entorno de ejecución para JavaScript.

Requisitos Previos

Para iniciar un proyecto con npm vamos a realizar lo siguiente:

  1. Debemos tener instalado Node.js, para comprobar si esta instalado ejecuta el siguiente comando node -v.
  2. Para comprobar si tienes instalado npm, ejecuta el comando npm -v.

Iniciando un Proyecto

Para iniciar un proyecto con npm, primero crea un carpeta en la ubicación que desees, dale un nombre sin espacios en blanco, luego accede a la carpeta desde tu consola o terminal y ejecuta el siguiente comando.

npm init  

El comando anterior genera un archivo package.json personalizado.

Si deseas crear un archivo package.json con la información por defecto ejecuta el siguiente comando.

npm init -f  

Una vez terminado de ejecutar el comando npm init o npm init -f el archivo package.json contendrá información similar al siguiente trozo de código.

//comando ejecutado: npm init -f
{
  "name": "primer_proyecto",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

Hasta el momento hemos creado el archivo package.json con la información básica.

Ejemplo de un Servidor Web

En el interior de la carpeta que haz creado anteriormente, crea un archivo con el nombre de index.js y agrega el siguiente código.

//El siguiente código es un ejemplo de servidor web escrito en Node.js.

const http = require('http');

const hostname = '127.0.0.1';  
const port = 3000;

const server = http.createServer((req, res) => {  
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hola Mundo\n');
});

server.listen(port, hostname, () => {  
  console.log(`Server running at http://${hostname}:${port}/`);
});

Poner en Marcha Nuestro Servidor Web

Para poner en marcha nuestro servidor escrito en Node.js usando npm vamos ha agregar la siguiente linea de código "start": "node index", en la sección scripts del archivo package.json.

{
  "name": "primer_proyecto",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1", //coloca la coma
    "start": "node index" //nuevo
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

Nota: si vas a copiar el código anterior no olvides borrar los comentarios, caso contrario te mostrara un mensaje de error.

npm start

Una vez configurado todo y para poner en marcha nuestro servidor ejecutamos el siguiente código.

npm start  

Si todo salio bien, abre un navegador web de tu preferencia, en la barra de direcciones URL escribe 127.0.0.1:3000 para observar la siguiente salida.

Servidor Web Node.js Corriendo

Tip de Desarrollador

Hay un problema en nuestro servidor web que desearía solventar.

Cuando realicemos modificaciones en el servidor web, una vez puesto en marcha no se reflejaran nuestros cambios automáticamente, cosa que es incómodo para un desarrollador.

Para no estar apagando y encendiendo el servidor vamos a usar un paquete que tiene por nombre nodemon.

Para instalarlo en el proyecto ejecuta el siguiente comando.

npm install -g nodemon  

Nota: recuerda ingresar al proyecto desde la consola o terminal para luego ejecutar el comando anterior.

Para correr nuestro servidor con nodemon vamos a realizar una modificación en el archivo package.json, cambia "start": "node index" por el siguiente código "start": "nodemon index".

{
  "name": "ejemplo1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "nodemon index" //modificado
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

Listo ejecuta el comando npm start para correr el servidor, esta vez estas utilizando el paquete nodemon y cada vez que hagas un cambio nodemon se encarga de reiniciar el servidor. Genial verdad :)

Bueno amigos para los que deseen profundizar su conocimiento en Node.js, pueden visitar la documentación oficial.

Compártelo en tus redes sociales, para que tus amigos lo lean :)

Luis Rene Mas Mas's Picture

Luis Rene Mas Mas

Desarrollador front-end & webmaster del blog 01luisrene.com

Trujillo - Perú @01luisrene

Únete al Blog

Obtén los últimos artículos publicados directamente en tu bandeja de entrada.

O suscríbase vía RSS con Feedly!

Comparte tu Opinión