uol chat

项目 UOL 聊天

实施的项目是一个实时聊天，受到 UOL Chat 的启发。它允许用户进入聊天室、发送和接收消息以及查看房间中以前交换的消息。它基于纯 JavaScript 技术，不使用编译为 JavaScript 的库或其他语言。此外，它还使用Chat UOL API来维护用户的连接并实现一些功能。

要测试项目工作，请访问此链接：https://projeto5-batepaouol-navy.vercel.app/

关于

该项目的动机是需要开发纯 JavaScript 技能并探索开发实时聊天。该项目实现了以下功能：

• 房间入口：当用户访问页面时，会要求输入姓名，然后将姓名发送到服务器以注册用户。如果服务器响应成功，用户就可以加入房间。否则，他必须选择另一个名字。
• 发送消息：用户可以向聊天室发送消息。当服务器成功响应时，聊天室消息将被更新并显示新消息。
• 消息视图：聊天显示聊天室过去的消息以及新发送的消息。消息分为三种类型：常规消息、保留消息和状态消息（例如“加入”或“离开”房间）。每种消息类型都有不同的背景，并且仅当发送者或接收者与用户相同时才会显示保留消息。
• 自动更新：聊天室每三秒更新一次，让用户及时了解最新消息。
• 保持连接：服务器必须知道用户仍然在线。为此，系统必须每 5 秒向 Chat UOL API 发送一个 POST 请求，通知用户处于活动状态。
• 消息搜索：用户可以在聊天室中搜索以前的消息。

技术

• JavaScript
• UOL聊天API

如何运行项目

1. 将存储库克隆到本地计算机。
2. 在 Web 浏览器中打开 index.html 文件。
3. 输入您的姓名，然后单击“加入房间”。
4. 在聊天室中发送和接收消息。

如何贡献

随时欢迎您的贡献！如果您发现任何错误或对新功能有建议，请随时提出问题或拉取请求。

---

移动布局