SpringBoot整合websocket实现群聊，JavaScript命名标识符规范

使用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  消息类型

*/

public static  void send(Session session, String type, T message) {

// 创建消息

String messageText = buildTextMessage(type, message);

// 遍历给单个 Session ，进行逐个发送

sendTextMessage(session, messageText);

}

/**

* 构建完整的消息

* @param type 消息类型

* @param message 消息体

* @param  消息类型

* @return 消息

*/

private static  String buildTextMessage(String type, T message) {

JSONObject messageObject = new JSONObject();

messageObject.put(“type”, type);

messageObject.put(“body”, message);

return messageObject.toString();

}

/**

* 真正发送消息

* @param session Session

* @param messageText 消息

*/

private static void sendTextMessage(Session session, String messageText) {
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

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

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

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

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

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

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可免费领取

可以扫码获取！！（备注：前端）**

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可免费领取

[外链图片转存中…(img-OdrpF0i3-1712207307598)]