基于WebSocket的网页聊天室

最新推荐文章于 2024-06-11 09:57:49 发布

weixin_43991724

最新推荐文章于 2024-06-11 09:57:49 发布

阅读量1.3k

点赞数 1

分类专栏： java 文章标签： websocket java

本文链接：https://blog.csdn.net/weixin_43991724/article/details/122989112

版权

java 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

一、项目功能：

经过注册/登录后即可进入聊天室页面，若非新用户（首次注册）在登录后可以收到离线时的新消息，关闭网页即视为下线。聊天室左侧为聊天内容区，输入区，右侧可以显示在线与离线人数。通过该聊天室可实现多人即时通讯。

二、开发环境：

开发工具：IDEA社区版2021.2.2，jdk1.8
数据库：MySQL Workbench 8.0 CE

三、所用技术：

Servlet，JDBC，HTTP协议，WebSocket，Jackson，Maven+git进行项目管理，密码采用加盐法Hash保存。

四、WebSocket技术简介：

由客户端向服务端主动发起，一旦建立连接，会产生一个双向通信，互不干扰的信道。服务端的WebSocket提供的连接点被称为Endpoint。
在Java中的使用：只需定义一个类，通过@ServerEndpoint注解修饰该类。在该类中，通过4个注解来体现4个不同的事件：
@OnOpen ：当客户端连接成功时发生
@OnClose ：当对方关闭连接时发生
@OnMessage ：当收到对方消息时发生
@OnError ：当通信发生错误时发生

五、设计思路：

1.一个人发送消息的数据流转流程：

1.前端获取用户要发布的消息。
2.通过websocket，将消息推送给服务器。
3.后端遍历所有当前在线用户，通过websocket挨个发送消息。

2.用户管理：

用户上线：1.查询历史消息并发送（要判断用户是不是新用户），去数据库中查询消息，形成消息列表。 2.登记用户上线
用户下线：1.更新用户当前的登出时间（更新数据库） 2.登记用户下线。

3.消息管理：

将消息保存到数据库中，同时从用户中心获取当前在线用户，将消息发送

4.Endpoint：

处理：上线、下线、消息、错误

5.登录，注册：

前端提交信息，后端从数据库验证

6.聊天室成员状态：

群成员采用轮询方式，后端要从数据库读取所有用户，在线用户。将在线用户与离线用户区分。

7.后端逻辑图：

六、数据库设计：

建表语句：

CREATE TABLE `chatroom_chongciban`.`users` (
  `uid` INT NOT NULL AUTO_INCREMENT,
  `username` VARCHAR(60) NOT NULL,
  `nickname` VARCHAR(60) NOT NULL,
  `password` CHAR(60) NOT NULL,
  `logout_at` DATETIME NULL DEFAULT NULL,
  PRIMARY KEY (`uid`),
  UNIQUE INDEX `username_UNIQUE` (`username` ASC));

CREATE TABLE `chatroom_chongciban`.`messages` (
  `mid` INT NOT NULL AUTO_INCREMENT,
  `uid` INT NOT NULL,
  `content` TEXT NOT NULL,
  `published_at` DATETIME NOT NULL,
  PRIMARY KEY (`mid`));

分为用户表和消息表。
用户表中有用户id，用户名，昵称，密码，登出时间。
消息表中有消息id，该消息对应的用户id，内容，发出时间。