Práctica 3: WebSockets - TinaTabo/2020-2021-LTAW-Practicas GitHub Wiki

Portada

Contenidos

Documentación Técnica

Requisitos previos:

  • S.O: Windows 10, Ubuntu o Mac
  • Programas: Visual Studio Code, Navegador Firefox, Nodejs(Versión 14.15.5)

Funcionamiento

Mediante el uso de websocket y las librerías express y socket.io se crea BangChat, y presenta las siguientes funcionalidades:

  • Al iniciar Bangchat, el servidor envía un mensaje de bienvenida al usuario que solo él puede ver y notifica al resto de usuarios que un nuevo usuario se ha unido al grupo.
  • El servidor reenvía los mensajes que envía un usuario al resto de usuarios conectados para que todos puedan comunicarse.
  • El usuario puede utilizar una serie de comandos especiales que le devolverán una respuesta que solo él podrá ver. Los comandos son:
    * /help: Muestra la lista de todos los comando especiales disponibles.
    * /list: Nos dice el número de usuarios conectados.
    * /hello: El servidor nos devuelve un saludo.
    * /date: El servidor nos devuelve la fecha y la hora actual.
  • Cuando un usuario sale del chat, el servidor envía un mensaje de despedida que indica al grupo que un usuario a salido del chat.

Mejoras

  • Cuando un usuario está escribiendo se le notifica a los demás con el mensaje: Army esta escribiendo...

Manual de Usuario - ¡BangChat!

Lo primero de todo es instalar en nuestro ordenador los paquetes node de los que depende el funcionamiento de BangChat. Para ellos basta con ejecutar en el terminal (localizado en la carpeta donde se guardarán los archivos de la práctica) los siguientes comandos:

npm i websocket

npm i colors

npm i express

npm i socket.io

Para utilizar este chat, lo primero que se debe hacer es descargar en nuestro ordenador la carpeta P3 que encontrarás en https://github.com/TinaTabo/2020-2021-LTAW-Practicas/tree/main/P3(Puedes omitir las carpetas S8 y S9, no las vamos a utilizar) y guardarlos en una única carpeta:

ImgCarpeta

Una vez descargados, abrimos un terminal localizado en la dirección donde hemos guardado la carpeta con los archivos del chat, y ejecutamos la instrucción:

node chat_server.js

¡Ya hemos arrancado el servidor de BangChat!

Ahora para empezar a chatear, abrimos el navegador Firefox, buscamos la url: localhost:9000/chat_main.html y... ¡TACHÁNNN!:

Imgchat

Ya podemos utilizar BangChat, ¡A Chatear!:stuck_out_tongue_winking_eye:

Licencia

Licencia