溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Spring Boot 是一個用于簡化 Spring 應用程序開發的框架，它提供了許多開箱即用的功能，使得開發人員能夠快速構建和部署應用程序。WebSocket 是一種網絡通信協議，它允許在客戶端和服務器之間進行全雙工通信。結合 Spring Boot 和 WebSocket，可以實現實時應用程序的開發。
下面是一個簡單的示例，展示了如何使用 Spring Boot 和 WebSocket 實現通信功能：
在 pom.xml 文件中添加 Spring Boot 和 WebSocket 的依賴：
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-websocket</artifactId>
</dependency>
</dependencies>
創建一個配置類 WebSocketConfig，繼承 AbstractWebSocketMessageBrokerConfigurer，并配置 WebSocket 的相關信息：
@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {
@Override
public void configureMessageBroker(MessageBrokerRegistry config) {
config.enableSimpleBroker("/topic");
config.setApplicationDestinationPrefixes("/app");
}
@Override
public void registerStompEndpoints(StompEndpointRegistry registry) {
registry.addEndpoint("/websocket").withSockJS();
}
}
這里配置了一個名為 /websocket 的 WebSocket 端點，并使用 SockJS 作為后備選項。同時，啟用了簡單的消息代理，用于將消息發布到 /topic 路徑。
創建一個控制器 WebSocketController，用于處理客戶端發送的消息：
@Controller
public class WebSocketController {
@MessageMapping("/send")
@SendTo("/topic/messages")
public String handleMessage(@Payload String message) {
return "Received message: " + message;
}
}
這里定義了一個名為 /send 的消息處理方法，使用 @MessageMapping 注解映射到 WebSocket 端點。當客戶端發送消息到 /app/send 時，該方法將被調用，并將消息發布到 /topic/messages。
創建一個簡單的 HTML 頁面，用于與 WebSocket 服務器進行通信：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sockjs-client/1.5.0/sockjs.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js"></script>
<script>
var socket = new SockJS('/websocket');
var stompClient = Stomp.over(socket);
stompClient.connect({}, function (frame) {
console.log('Connected: ' + frame);
stompClient.subscribe('/topic/messages', function (response) {
console.log('Received: ' + response.body);
});
});
function sendMessage() {
var message = document.getElementById('message').value;
stompClient.send("/app/send", {}, message);
}
</script>
</head>
<body>
<input type="text" id="message" placeholder="Type your message here">
<button onclick="sendMessage()">Send</button>
</body>
</html>
這里使用 SockJS 和 Stomp.js 庫創建了一個 WebSocket 客戶端，連接到 /websocket 端點，并訂閱了 /topic/messages 主題。當用戶點擊發送按鈕時，客戶端將向服務器發送消息。
現在，你可以運行 Spring Boot 應用程序，并在瀏覽器中打開 HTML 頁面。當用戶在輸入框中輸入消息并點擊發送按鈕時，服務器將接收到消息并將其發布到 /topic/messages 主題，客戶端將接收到并顯示該消息。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
