springboot+websocket实现聊天易懂版

PS:在做之前,我看了网上的,发现逻辑不通,有点没搞懂,而且方法已经过时。若觉得说得不对,请指出。

1、websocket 分为两种方式,1是使用sockjs,2是使用h5的标准

2、大部分是继承 AbstractWebSocketMessageBrokerConfigurer 进行配置,但实际这个类已经过时了

随便写了个类,可以看到已经提示过时了

然后实现的方法

@Override
    public void registerStompEndpoints(StompEndpointRegistry registry) {
        registry.addEndpoint("/webSocketServer").setAllowedOrigins("*").withSockJS();
    }

    
    @Override
    public void configureMessageBroker(MessageBrokerRegistry registry) {
        registry.enableSimpleBroker("/queue","/topic");
    }

其中 registerStompEndpoints 方法是定义通道,这个不难理解。就是建立连接

而configureMessageBroker方法是定义请求应带的前缀

但我没搞懂的是,这样是可以了,确实方便,然后就是前端代码了,但是,对于请求、参数、消息等等,不进行一些拦截,判断处理吗?控制器也是简单的一个方法就可以了

@MessageMapping("/ws/chat")
    public void handleChat(Principal principal, String msg) {
        String destUser = msg.substring(msg.lastIndexOf(";") + 1, msg.length());
        String message = msg.substring(0, msg.lastIndexOf(";"));
        messagingTemplate.convertAndSendToUser(destUser, "/queue/chat", new ChatResp(message, principal.getName()));
    }

还有一些注解,或许注解以及继承的父类中有一定的处理,但并不是适应所有的实际需求吧?那这样的我实在是没搞懂(可能是我自己技术不够,勿喷)

而利用h5的还好,至少h5的能够自己处理连接前,连接后,发送消息,进行路径参数等判断

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Spring Boot的WebSocket实现支持简单的即时聊天应用程序的构建,可以在服务器和客户端之间双向传输消息。主要步骤如下:1. 添加WebSocket依赖 2. 实现WebSocketConfigurer接口,并重写registerWebSocketHandlers()方法 3. 编写WebSocket消息处理器 4. 测试WebSocket应用程序 ### 回答2: 实现Spring Boot中的WebSocket聊天功能代码可以按照以下步骤进行: 1. 首先,确保你的项目中已添加了相关的依赖,包括`spring-boot-starter-websocket`和`spring-boot-starter-thymeleaf`。可以在`pom.xml`中添加如下依赖: ```xml <dependencies> <!-- Spring Boot WebSocket --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> <!-- Spring Boot Thymeleaf --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> </dependencies> ``` 2. 创建一个`WebSocketConfig`类,用于配置WebSocket: ```java import org.springframework.context.annotation.Configuration; import org.springframework.web.socket.config.annotation.EnableWebSocket; import org.springframework.web.socket.config.annotation.WebSocketConfigurer; import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry; @Configuration @EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer { private final WebSocketHandler webSocketHandler; public WebSocketConfig(WebSocketHandler webSocketHandler) { this.webSocketHandler = webSocketHandler; } @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(webSocketHandler, "/chat").setAllowedOrigins("*"); } } ``` 3. 创建一个`WebSocketHandler`类,实现WebSocket的处理逻辑: ```java import org.springframework.stereotype.Component; import org.springframework.web.socket.CloseStatus; import org.springframework.web.socket.TextMessage; import org.springframework.web.socket.WebSocketHandler; import org.springframework.web.socket.WebSocketMessage; import org.springframework.web.socket.WebSocketSession; import java.io.IOException; import java.util.ArrayList; import java.util.List; @Component public class ChatWebSocketHandler implements WebSocketHandler { private List<WebSocketSession> sessions = new ArrayList<>(); @Override public void afterConnectionEstablished(WebSocketSession session) throws Exception { sessions.add(session); } @Override public void handleMessage(WebSocketSession session, WebSocketMessage<?> message) throws Exception { for (WebSocketSession s : sessions) { s.sendMessage(new TextMessage(message.getPayload().toString())); } } @Override public void afterConnectionClosed(WebSocketSession session, CloseStatus closeStatus) throws Exception { sessions.remove(session); } @Override public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception { session.close(); } @Override public boolean supportsPartialMessages() { return false; } } ``` 4. 创建一个`ChatController`类,用于处理聊天页面的请求: ```java import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class ChatController { @GetMapping("/chat") public String chat() { return "chat"; } } ``` 5. 创建一个`chat.html`文件,作为聊天页面的视图: ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Chat</title> </head> <body> <div id="messageContainer"></div> <script> var socket = new WebSocket("ws://" + location.host + "/chat"); socket.onmessage = function (event) { var messageContainer = document.getElementById('messageContainer'); var message = document.createElement('p'); message.innerHTML = event.data; messageContainer.appendChild(message); }; document.onkeydown = function (event) { if (event.keyCode === 13) { var input = document.querySelector('input[name="message"]'); socket.send(input.value); input.value = ''; } }; </script> </body> </html> ``` 6. 启动应用,并在浏览器中访问`http://localhost:8080/chat`,即可看到聊天页面。在多个浏览器窗口中打开该页面,它们之间可以实时互相发送消息并显示在页面上。 这是一个简单的Spring Boot中实现WebSocket聊天功能的代码示例,你可以根据实际需求进行调整和扩展。 ### 回答3: Spring Boot通过Spring WebSocket提供了实现WebSocket的功能。下面是实现基本聊天功能的Spring Boot WebSocket的代码。 1. 创建一个Spring Boot项目,并添加以下Maven依赖到pom.xml文件中: ```xml <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> </dependencies> ``` 2. 创建一个WebSocket配置类,用于配置WebSocket相关的Bean。 ```java @Configuration @EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer { @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(new ChatHandler(), "/chat").setAllowedOrigins("*"); } } ``` 3. 创建一个WebSocket处理程序,用于处理来自客户端的WebSocket消息。 ```java public class ChatHandler extends TextWebSocketHandler { private List<WebSocketSession> sessions = new ArrayList<>(); @Override public void afterConnectionEstablished(WebSocketSession session) throws Exception { sessions.add(session); } @Override protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception { for (WebSocketSession s : sessions) { s.sendMessage(message); } } @Override public void afterConnectionClosed(WebSocketSession session, CloseStatus status) throws Exception { sessions.remove(session); } } ``` 4. 创建一个Controller类,用于处理聊天页面的请求。 ```java @Controller public class ChatController { @GetMapping("/chat") public String chat() { return "chat"; } } ``` 5. 在templates目录下创建一个chat.html文件,用于展示聊天页面。 ```html <!DOCTYPE html> <html> <head> <title>Chat</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> var socket = new WebSocket("ws://localhost:8080/chat"); socket.onmessage = function(event) { var message = event.data; $("#chat").append('<p>' + message + '</p>'); } function sendMessage() { var message = $("#message").val(); socket.send(message); $("#message").val(""); } </script> </head> <body> <input type="text" id="message"><button onclick="sendMessage()">Send</button> <div id="chat"></div> </body> </html> ``` 以上代码实现了一个简单的聊天功能,客户端向服务端发送消息并显示在页面中,同时服务端将消息广播给所有客户端。通过访问http://localhost:8080/chat可以打开聊天页面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值