springboot+vue实现websocket配置过程解析

这篇文章主要介绍了springboot+vue实现websocket配置过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1.引入依赖

org.springframework.bootspring-boot-starter-websocket1.3.5.RELEASE

2.配置ServerEndpointExporter

@Configuration public class WebSocketConfig { @Bean public ServerEndpointExporter serverEndpointExporter() { return new ServerEndpointExporter(); } }

这个bean会自动注册使用了@ServerEndpoint注解声明的Websocket endpoint。

3.创建websocket的ServerEndpoint端点

@Component @ServerEndpoint("/socket") public class WebSocketServer { /** * 全部在线会话 */ private static Map onlinesessions = new ConcurrentHashMap(); /** * 当客户端打开连接：1.添加会话对象 2.更新在线人数 */ @Onopen public void onopen(Session session) { onlinesessions.put(session.getId(), session); } /** * 当客户端发送消息：1.获取它的用户名和消息 2.发送消息给所有人 * * PS: 这里约定传递的消息为JSON字符串 方便传递更多参数！ */ @OnMessage public void onMessage(Session session, String jsonStr) { } /** * 当关闭连接：1.移除会话对象 2.更新在线人数 */ @OnClose public void onClose(Session session) { onlinesessions.remove(session.getId()); } /** * 当通信发生异常：打印错误日志 */ @OnError public void onError(Session session, Throwable error) { error.printstacktrace(); } /** * 公共方法：发送信息给所有人 */ public void sendMessagetoAll(String jsonMsg) { onlinesessions.forEach((id, session) -> { try { session.getBasicRemote().sendText(jsonMsg); } catch (IOException e) { e.printstacktrace(); } }); } }

4.前端配置连接与接收消息