SpringBoot整合websocket实现群聊(1)，前端高级开发

<java.version>1.8</java.version>

org.springframework.boot

spring-boot-starter-web

org.apache.commons

commons-lang3

org.projectlombok

lombok

1.18.12

org.springframework.boot

spring-boot-starter-websocket

com.alibaba

fastjson

1.2.62

使用springboot 2.3.10.RELEASE版本；java8

WebSocketConfig配置类

@Configuration

public class WebSocketConfig

{

@Bean

public ServerEndpointExporter serverEndpointExporter()  {

return new ServerEndpointExporter();

}

}

websocket有4个注解，解释如下

• @OnOpen 有新连接

• @OnMessage 有新消息时

• @OnClose 关闭连接

• @OnError 连接异常

对于这个4个注解，配置在方法上即可。

WebsocketServerEndpoint接收类

@Slf4j

@Controller

@ServerEndpoint (“/”)

public class WebsocketServerEndpoint

{

@OnOpen

public void onOpen(Session session, EndpointConfig config) {

log.info(“[onOpen][session({}) 接入]”, session);

WebSocketUtil.broadcast (session.getId ()+“上线了”);

WebSocketUtil.addSession (session);

}

@OnMessage

public void onMessage(Session session, String message) {

WebSocketUtil.broadcast (message);

log.info(“[onOpen][session({}) 接收到一条消息({})]”, session, message); // 生产环境下，请设置成 debug 级别

}

@OnClose

public void onClose(Session session, CloseReason closeReason) {

WebSocketUtil.removeSession (session);

WebSocketUtil.broadcast (session.getId ()+“下线了”);

log.info(“[onClose][session({}) 连接关闭。关闭原因是({})}]”, session, closeReason);

}

@OnError

public void onError(Session session, Throwable throwable) {

log.info(“[onClose][session({}) 发生异常]”, session, throwable);

}

}

WebSocketUtil工具类。

@Slf4j

public class WebSocketUtil

{

// ========== 会话相关 ==========

/**

* Session 与用户的映射

*/

private static final Map<String, Session> SESSION_USER_MAP = new ConcurrentHashMap<> ();

/**

* 添加 Session 。在这个方法中，会添加用户和 Session 之间的映射

* @param session Session

*/

public static void addSession(Session session) {

// 更新 SESSION_USER_MAP

SESSION_USER_MAP.put(session.getId (), session);

}

/**

* 移除 Session 。

* @param session Session

*/

public static void removeSession(Session session) {

// 从 SESSION_USER_MAP 中移除

SESSION_USER_MAP.remove(session.getId ());

}

// ========== 消息相关 ==========

/**

* 广播发送消息给所有在线用户

* @param message 消息体

* @param  消息类型

*/

public static  void broadcast(String message) {

// 创建消息

//        String messageText = buildTextMessage(type, message);

// 遍历 SESSION_USER_MAP ，进行逐个发送

for (String sessionId : SESSION_USER_MAP.keySet()) {

sendTextMessage(SESSION_USER_MAP.get (sessionId), message);

}

}

/**

* 发送消息给单个用户的 Session

* @param session Session

* @param type 消息类型

* @param message 消息体

* @param  消息类型

*/
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

后记

---

总结一下这三次面试下来我的经验是：

1. 一定不要死记硬背，要理解原理，否则面试官一深入就会露馅！

2. 代码能力一定要注重，尤其是很多原理性的代码（之前两次让我写过Node中间件，Promise.all，双向绑定原理，被虐的怀疑人生）！

3. 尽量从面试官的问题中表现自己知识的深度与广度，让面试官发现你的闪光点！

4. 多刷面经！

我把所有遇到的面试题都做了一个整理，并且阅读了很多大牛的博客之后写了解析，免费分享给大家，算是一个感恩回馈吧，有需要的朋友【点击我】免费获取。祝大家早日拿到自己心怡的工作！

篇幅有限，仅展示部分内容

个感恩回馈吧，有需要的朋友【点击我】免费获取。祝大家早日拿到自己心怡的工作！**

篇幅有限，仅展示部分内容