Práctica 503. Websockests con Express.

Desarrolla un chat en tiempo real utilizando Express y Socket.IO.

Realiza los siguientes pasos:

1. Crea un proyecto de Node.js con Express.
2. Instala e integra Socket.IO en el servidor para manejar la comunicación en tiempo real.
3. Implementa un servidor Websocket que permita:
   • Conectar múltiples clientes simultáneamente.
   • Recibir mensajes enviados por los clientes.
   • Reenviar los mensajes a todos los clientes conectados (broadcast).
   • Notificar cuando un usuario se conecta o desconecta.
4. Crea un cliente web que permita:
   • Conectarse al servidor de Websockets.
   • Enviar mensajes al servidor.
   • Recibir mensajes enviados por otros usuarios en tiempo real.
   • Mostrar una lista de mensajes en pantalla.
5. Añade mejoras como:
   • Identificación de usuarios mediante un nombre.
   • Notificaciones:
     • usuario está escribiendo…
     • usuario se ha conectado
     • usuario se ha desconectado

Recomendaciones:

• Asegúrate de que la conexión entre cliente y servidor se mantiene abierta mientras el usuario tenga la página abierta.
• Comprueba que los mensajes lleguen a todos los clientes conectados sin necesidad de recargar la página.
• Puedes probar la aplicación abriendo varias pestañas del navegador para simular múltiples usuarios.