Creación de un servidor WebSocket usando Node.js

Ahora que tenemos nuestro entorno configurado, es hora de profundizar en cómo crear un servidor WebSocket utilizando Node.js. En este capítulo, crearemos un servidor WebSocket básico y comprenderemos cómo gestionar las conexiones y mensajes.

Configuración básica del servidor WebSocket

En el archivo server.js que creamos anteriormente, tenemos la estructura básica de un servidor WebSocket. Vamos a repasar ese código línea por línea para entenderlo a fondo.

Importar la biblioteca ws

javascript

Primero, importamos la biblioteca ws, que nos proporciona las herramientas necesarias para trabajar con WebSockets.

Crear una instancia del servidor WebSocket

javascript

Creamos una nueva instancia de WebSocket Server y configuramos el servidor para que escuche en el puerto 8080.

Manejar nuevas conexiones

javascript

El método on nos permite configurar un manejador de eventos para las conexiones entrantes. Cada vez que un cliente se conecte, se ejecutará este bloque de código, donde ws representa el WebSocket del cliente conectado.

Escuchar y enviar mensajes

Dentro del bloque de conexión, configuramos dos eventos:

1. Escuchar mensajes del cliente:

   javascript
   

   Aquí, establecemos un evento message en el WebSocket del cliente para escuchar cualquier mensaje que el cliente envíe. Luego, simplemente registramos el mensaje en la consola del servidor.

2. Enviar mensajes al cliente:

   javascript
   

   Utilizamos el método send para enviar un mensaje de vuelta al cliente cuando se establece la conexión.

Iniciar el servidor

Finalmente, iniciamos el servidor WebSocket con el comando

bash

El servidor comenzará a ejecutar y estará listo para recibir conexiones en ws://localhost:8080.

Imagen Placeholder: [Diagrama que ilustra el flujo de conexión y comunicación entre el cliente y el servidor WebSocket.]

Probando el servidor WebSocket

Para probar nuestro servidor WebSocket, podemos usar una sencilla herramienta de cliente WebSocket como wscat o un cliente implementado en JavaScript en el navegador.

Usando wscat

1. Instalar wscat: Ejecuta el siguiente comando para instalar wscat globalmente en tu máquina.

   bash
   

2. Conectarse al servidor WebSocket: Una vez instalado, usa el siguiente comando para conectarte a tu servidor WebSocket en ws://localhost:8080.

   bash
   

   Deberías ver el mensaje 'Hello! Message From Server!!', indicando que te has conectado exitosamente. Puedes enviar mensajes desde wscat los cuales serán registrados en tu terminal donde está ejecutándose el servidor.

Usando un navegador

También puedes utilizar el siguiente código para conectar a tu servidor desde el navegador:

html

Guarda este código como index.html y ábrelo en tu navegador. Deberías ver mensajes en la consola del navegador y en la terminal del servidor.

Imagen Placeholder: [Captura de pantalla de la consola del navegador mostrando los mensajes enviados y recibidos desde el servidor WebSocket.]

Con esto, hemos creado y probado nuestro primer servidor WebSocket usando Node.js. En los próximos capítulos, exploraremos cómo manejar eventos y mensajes de manera más avanzada. ¡Sigamos adelante! 🚀