WebSocket多人聊天室

项目背景

  现在的年轻人&＃xff0c;大多都有“社交恐惧症”&＃xff0c;但其实随着通信技术的日益发展&＃xff0c;网络聊天在当今已不算新鲜事物&＃xff0c;聊天可以方便大家交流&＃xff0c;帮助大家克服“社恐”。以此为契机&＃xff0c;我仿照QQ开发了一款 WebSocket多人聊天室 &＃xff0c;以供同一局域网下多名小伙伴相互聊天&＃xff0c;增进彼此感情&＃xff0c;共同战胜“社恐”。

实现功能

本聊天室具有以下功能&＃xff1a;
  1&＃xff09; 简单的注册登录功能
  2&＃xff09; 用户发送消息&＃xff0c;所有在线用户都能收到消息
  3&＃xff09; 不在线用户在上线后能收到历史消息&＃xff08;第一次注册用户不会收到历史消息&＃xff09;
  4&＃xff09; 右侧动态的显示 在线用户/总人数
  5&＃xff09; 支持 ctrl&＃43;enter 快捷键发送消息

所用技术

WebSocket , HTTP, COOKIE &＃43; Session, TCP, Servlet, 前端内容&＃xff08;HTML、CSS、Javascript&＃xff09;

项目流程

首先登录主界面&＃xff0c;会提示需要先登录&＃xff0c;点确定跳转到登录界面进行登陆

如没有账号&＃xff0c;则需先注册账号

注册完成后会显示 注册成功并登录

如有账号&＃xff0c;进行登录&＃xff0c;完成后会显示登陆成功

这时进入主界面&＃xff0c;会发现在左侧用户列表显示用户在线

这时就可以发送消息&＃xff0c;在线的用户会收到消息

离线的用户上线后会受到历史消息推送

项目结构

  一直以来&＃xff0c;HTTP协议都是无状态、单向通信的&＃xff0c;即客户端请求一次&＃xff0c;服务器回复一次。如果想让服务器消息及时下发到客户端&＃xff0c;需要采用类似于轮询的机制&＃xff0c;即客户端定时频繁的向服务器发出请求&＃xff0c;这样效率很低&＃xff0c;并且浪费服务器资源
  为提高效率&＃xff0c;HTML5推出了WebSocket技术&＃xff0c;它使客户端和服务器之间能通过HTTP协议建立TCP连接&＃xff0c;之后便可以随时随地进行双向通信
  初次连接以HTTP协议作为承载&＃xff0c;客户端主动向服务器发送一个服务器可以处理的请求方法&＃xff0c;建立WebSocket连接&＃xff0c;一旦建立连接&＃xff0c;之后会产生成一个全双工的信道&＃xff0c;实现客户端和服务器的双向通信

  服务端的 WebSocket 提供的连接点被称为 Endpoint&＃xff0c;通过onopen、onmessage、onclose、onerror四个事件的实现来处理Socket的响应

                      整体结构图

Endpoint 负责 WebSocket的接入工作

OnlineUser负责用户&＃xff0c;里面存着 用户 和其对应的 Session

MessageEndpoint与OnlineUser绑定&＃xff0c;每建立一次WebSocket连接就会实例化一次&＃xff0c;生成该User独有的一份信息

service 负责业务工作&＃xff08;用户的上线下线、注册登录&＃xff09;

dao 负责数据库处理

usercenter 负责在线用户管理&＃xff08;维护在线用户&＃xff09;

MessageEncoder 负责消息的编解码工作

库表设计

用户表

uid 、username&＃xff08;notnull&＃xff09;、nickname、password、logoutAt

消息表

mid、uid、content、publishedAt

遇到的问题&解决方案

• 进行消息转发时User没有其对应的Session&＃xff0c;无法转发 ——》 创建OnlineUser对象&＃xff0c;将User和其对应Session存入OnlineUser中
• 初版中Endpoint任务过多&＃xff0c;功能淤积 ——》 进行代码重构&＃xff0c;后端进行职责划分
• service、dao、usercenter与用户绑定&＃xff0c;每个用户都实例化&＃xff0c;对象重复过多&＃xff0c;造成代码冗余 ——》将其设置为单例对象&＃xff0c;首次实例化后不用重复实例化

优势和不足

优势&＃xff1a;

• 利用轮询实现在线用户的动态维护
• 采用WebSocket技术建立连接&＃xff0c;提高效率&＃xff0c;减少资源浪费
• 实现快捷键发送消息

不足&＃xff1a;

• TODO&大致的解决方法

测试情况