Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / Desarrollo Web / Node.js: Instalación, configuración y Hola Mundo

Node.js: Instalación, configuración y Hola Mundo

Por jc mouse domingo, junio 30, 2019

No se puede negar la popularidad que ganaron las aplicaciones de JavaScript en los últimos años, y las bibliotecas disponibles en la red como Angular, React o Node.js definitivamente facilitaron este crecimiento.

Node Netbeans

Node.js es una biblioteca y un entorno multiplataforma construido con el motor de JavaScript V8 de Chrome para ejecutar aplicaciones JavaScript que se utiliza para construir aplicaciones en red escalables.

En este post veremos lo fácil que es instalarlo, configurar Node en nuestro IDE favorito y realizar el clásico «Hola Mundo».

Necesitamos:

  • Netbeans 8.x
  • Windows OS

INSTALACIÓN DE NODE.JS

La instalación de Node.js es bastante sencilla, solo debes ingresas a la web de Node y descargarte la versión correspondiente para tu Sistema Operativo.  A continuación ejecuta el asistente de instalación y sigue los pasos.

setup instalacion

Puedes dejar la ubicación por defecto o modificar según tus necesidades

path instalacion

Puedes personalizar la instalación seleccionando solo lo que deseas instalar, deja todo como esta ya que no pesa nada. Ademas esta opción añade al PATH del sistema Node así como su gestor de paquetes npm.

herramientas de desarrollo

Algunos módulos requieren ser compilados antes de ser instalados y para ello se requieren algunas otras herramientas. Deja en blanco la opción y presiona [NEXT]

herramientas nativas

Espera a que termine la instalación, solo tomara unos segundos.

instalacion node bolivia

Cuando el asistente de instalación a terminado, abre una terminal y escribe «node -v» (sin comillas), presiona  la tecla ENTER.  Si la instalación se realizo correctamente, deberías ser capaz de ver la versión de Node que acabas de instalar.

consola de comandos windows

CONFIGURACIÓN DE NODE EN NETBEANS

Por lo general Netbeans detecta automáticamente Node.js y para comprobarlo ve al menú, Herramientas -> Opciones y selecciona la pestaña HTML/JS y a continuación la pestaña Node.js.

Tanto en Node Path como en npm Path podrás ver la ubicación de los archivos node.exe y npm.cmd, si no es así, debes buscar los mismos presionando el botón [browse]. Ya para terminar presiona el botón [Download…] para bajar las fuentes de Node, solo toma unos segundos.

NPM Gestor

«Hola Mundo» en Node.js y Netbeans

A continuación crearemos la típica aplicación de bienvenida «Hola Mundo» con Node. Para ello ve al menú Archivo -> Proyecto Nuevo -> selecciona la categoría «html5/JavaScript» y el proyecto «Node.js Application», presiona [siguiente] para continuar.

javascript y netbeans

Escribe un nombre para el proyecto, por ejemplo «HolaMundoNodeJS» y para comenzar la creación de archivos, presiona [Terminar]. El proyecto tiene la siguiente estructura:

Hola Mundo con Node

El código para nuestro Hola Mundo es el siguiente:

main.js

//Se carga módulo HTTP para crear servidor
const http = require('http');
 
 //Puerto 9000, defaults IP 127.0.0.1 (localhost)
const hostname = '127.0.0.1';
const port = 9000;
 
//se crea servidor servidor web con createServer(...)
const server = http.createServer((req, res) => {
  res.statusCode = 200; // Codigo HTTP que significa Todo OK
  res.setHeader('Content-Type', 'text/plain');//Texto plano
  res.write('Hola Mundo Cruel!!!');//el mensaje
  res.end();//cierra conexion
});
 
//Escucha conexiones entrantes 
server.listen(port, hostname, () => {
   console.log('Web server running => http://%s:%s',hostname,port );
});

Ejecutamos el servidor:

Servidor Web JS

Abrimos nuestro navegador y escribimos «http://127.0.0.1:9000«, se mostrara en pantalla nuestro «Hola Mundo»

demo app javascript server

enjoy!

Tags

Artículos similares

Introducción a Spark Framework

Spark Framework es un conjunto de librerías para los lenguajes Java y Kotlin que nos sirve para el desarrollo rápido y s[...]

Material Design: Paleta de Colores

«Material Design es una guía integral para el diseño visual, de movimientos y de interacción en distintas plataformas y[...]

Crear web multi-lenguaje con php

En este tutorial realizaremos un proyecto web de un «sitio multi lenguaje» o «web multi idiomas» como prefieran llamarlo[...]

Mapas interactivos – El proyecto – Parte 2

Comenzando este tutorial, primero necesitamos definir la «estructura» de nuestro proyecto. Haremos uso del IDE de Dreamw[...]

Control de Paginación (Pagination) en tus Apps FX

El control de paginación de JavaFX (Pagination) se usa para navegar a través de varias paginas de contenido divididas en[...]

Fragmentos dinamicos y eventos de usuario

Continuando con los tutoriales sobre fragmentos en android, en esta oportunidad veremos como añadir Fragments dinámicame[...]