P3 - ejimeneza2020/LTAW-Practicas GitHub Wiki

Chat - Práctica P3

Introducción

Se ha desarrollado una aplicación Web de Chat en la que múltiples usuarios pueden comunicarse entre sí desde sus respectivos navegadores. Esta aplicación está compuesta por un programa servidor construido con Node.js, al cual se conectan los clientes a través del navegador.

Documentación técnica

Tecnologías utilizadas

  • Node.js: Entorno de ejecución para el lado servidor.

  • Express: Framework web que permite crear el servidor y servir archivos estáticos.

    Para instalarlo en tu carpeta de trabajo (local):

    npm install express
npm install socket.io

Mejoras implementadas

A continuación se listan las funcionalidades adicionales que se han incorporado al chat respecto a su versión básica:

  • ✅ Sonido al recibir mensajes
  • ✅ Nicknames personalizados
  • ✅ Notificación de escritura ("usuario está escribiendo...")
  • ✅ Lista de usuarios conectados
  • ✅ Mensajes del sistema destacados

Manual de usuario

Puesta en marcha

  1. Descarga la carpeta P3 desde mi repositorio.
  2. Asegúrate de tener instalados en tu equipo tanto Visual Studio Code como Node.js.
  3. Abre la práctica en VSCode y lanza una terminal integrada.
  4. Instala las dependencias express y socket.io tal como se explica en la sección de Documentación técnica.
  5. Ejecuta el siguiente comando desde la terminal para iniciar el servidor:
node server.js
  1. Abre tu navegador preferido y escribe la siguiente URL en la barra de direcciones: http://localhost:8080/ .

Ya puedes disfrutar del chat, prueba a abrir varias ventanas y introducir varios usuarios para intercambiar mensajes. Prueba el comando /help.

Estructura del proyecto

/P3-Chat-Web/
├── server.js  
├── public/
│   ├── chat.html
│   ├── client.js  
│   ├── sound.mp3          
│   └── chat.css

Licencia

Este repositorio y su documentación están distribuidos bajo la licencia:

Creative Commons Attribution-ShareAlike 4.0 (CC BY-SA 4.0)
Puedes usar, modificar y distribuir esta documentación siempre que cites la autoría y compartas con la misma licencia.

CC BY-SA