這篇文章主要介紹了SpringBoot怎么使用WebSocket實現(xiàn)群發(fā)消息的相關(guān)知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇SpringBoot怎么使用WebSocket實現(xiàn)群發(fā)消息文章都會有所收獲，下面我們一起來看看吧。

創(chuàng)新互聯(lián)公司專注于錫林浩特企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),商城網(wǎng)站建設(shè)。錫林浩特網(wǎng)站建設(shè)公司,為錫林浩特等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站制作，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

WebSocket 是一種在單個 TCP 連接上進行全雙工通信的協(xié)議，已被 W3C 定為標(biāo)準(zhǔn)。使用 WebSocket 可以使得客戶端和服務(wù)器之間的數(shù)據(jù)交換變得更加簡單。在 WebSocket 協(xié)議中，瀏覽器和服務(wù)器只需要完成一次握手，兩者之間就可以直接創(chuàng)建持久性的連接，并進行雙向數(shù)據(jù)傳輸。

特點

• WebSocket 使用時需要先創(chuàng)建連接，這使得 Websocket 成為一種有狀態(tài)的協(xié)議，在之后的通信過程中可以省略部分狀態(tài)信息（例如身份認(rèn)證等）。

• WebSocket 連接在端口 80（ws）或者 443（wss）上創(chuàng)建，與 HTTP 使用的端口相同，這樣，基本上所有的防火墻都不會阻止 WebSocket 連接。

• WebSocket 使用 HTTP 協(xié)議進行握手，因此它可以自然而然地集成到網(wǎng)絡(luò)瀏覽器和 HTTP 服務(wù)器中，而不需要額外的成本。

• 心跳消息（ping 和 pong）將被反復(fù)的發(fā)送，進而保持 WebSocket 連接一直處于活躍狀態(tài)。

• 使用該協(xié)議，當(dāng)消息啟動或者到達的時候，服務(wù)端和客戶端都可以知道。

• WebSocket 連接關(guān)閉時將發(fā)送一個特殊的關(guān)閉消息。

• WebSocket 支持跨域，可以避免 Ajax 的限制。

• HTTP 規(guī)范要求瀏覽器將并發(fā)連接數(shù)限制為每個主機名兩個連接，但是當(dāng)我們使用 Websocket 的時候，當(dāng)握手完成之后，該限制就不存在了，因為此時的連接已經(jīng)不再是 HTTP 連接了。

• WebSocket 協(xié)議支持?jǐn)U展，用戶可以擴展協(xié)議，實現(xiàn)部分自定義的子協(xié)議。

• WebSocket 擁有更好的二進制支持以及更好的壓縮效果。

一、添加依賴

    org.springframework.boot
    spring-boot-starter-websocket

二、配置 WebSocket

Spring 框架提供了基于 WebSocket 的 STOMP 支持，STOMP 是一個簡單的可互操作的協(xié)議，通常被用于通過中間服務(wù)器在客戶端之間進行異步消息傳遞。

@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer {
 
    @Override
    public void configureMessageBroker(MessageBrokerRegistry config) {
        // 設(shè)置消息代理的前綴，如果消息的前綴為"/topic"，就會將消息轉(zhuǎn)發(fā)給消息代理（broker）
        // 再由消息代理廣播給當(dāng)前連接的客戶端
        config.enableSimpleBroker("/topic");
        // 下面方法可以配置一個或多個前綴，通過這些前綴過濾出需要被注解方法處理的消息。
        // 例如這里表示前綴為"/app"的destination可以通過@MessageMapping注解的方法處理
        // 而其他 destination（例如"/topic""/queue"）將被直接交給 broker 處理
        config.setApplicationDestinationPrefixes("/app");
    }
 
    @Override
    public void registerStompEndpoints(StompEndpointRegistry registry) {
        // 定義一個前綴為"/chart"的endpoint，并開啟 sockjs 支持。
        // sockjs 可以解決瀏覽器對WebSocket的兼容性問題，客戶端將通過這里配置的URL建立WebSocket連接
        registry.addEndpoint("/chat").withSockJS();
    }
}

三、服務(wù)端代碼

根據(jù)上面 WebSocketConfig 的配置，@MessageMapping("/hello") 注解的方法將用來接收“/app/hello”路徑發(fā)送來的消息，在注解方法中對消息進行處理后，再將消息轉(zhuǎn)發(fā)到 @SendTo 定義的路徑上。而 @SendTo 路徑是一個前綴為“/topic”的路徑，因此該消息被交給消息代理 broker，再由 broker 進行廣播。

@Controller
public class DemoController {

    @MessageMapping("/hello")
    @SendTo("/topic/greetings")
    public Message greeting(Message message) throws Exception {
        return message;
    }

}

@Data
public class Message {

    private String name;
    
    private String content;

}

四、前端代碼 

在 resources/static 目錄下創(chuàng)建 chat.html 頁面作為聊天頁面。

    
    
    
    
    
    



    請輸入用戶名：
    


    連接
    斷開連接


    

        請輸入聊天內(nèi)容：
        
    
    發(fā)送
    
        群聊進行中...