SpringBoot使用WebSocket的方法實(shí)例詳解
WebSocket 是 HTML5 開(kāi)始提供的一種在單個(gè) TCP 連接上進(jìn)行全雙工通訊的協(xié)議。
WebSocket 使得客戶端和服務(wù)器之間的數(shù)據(jù)交換變得更加簡(jiǎn)單,允許服務(wù)端主動(dòng)向客戶端推送數(shù)據(jù)。在 WebSocket API 中,瀏覽器和服務(wù)器只需要完成一次握手,兩者之間就直接可以創(chuàng)建持久性的連接,并進(jìn)行雙向數(shù)據(jù)傳輸。
在 WebSocket API 中,瀏覽器和服務(wù)器只需要做一個(gè)握手的動(dòng)作,然后,瀏覽器和服務(wù)器之間就形成了一條快速通道。兩者之間就直接可以數(shù)據(jù)互相傳送。
java怎么寫(xiě)
配置Bean
@Bean public ServerEndpointExporter serverEndpointExporter() { return new ServerEndpointExporter(); }
java鏈接
/** * token為前端連接時(shí)的標(biāo)識(shí),后端根據(jù)此token維護(hù)用戶與webSocket的綁定 */ @Component @ServerEndpoint("/webSocket/{token}") public class WebSocket { private Session session; private static ConcurrentHashMap<String, WebSocket> webSocketMap = new ConcurrentHashMap<>(); @OnOpen public void onOpen(@PathParam(value = "token") String token, Session session) { this.session = session; webSocketMap.put(token, this); System.out.println("new connect:" + token + ". total :" + webSocketMap.size()); } @OnClose public void onClose(@PathParam(value = "token") String token) { webSocketMap.remove(token); System.out.println("disconnect:" + token + ", total:" + webSocketMap.size()); } @OnMessage public void onMessage(String message) { System.out.println("get message: " + message); } public void sendMessage(String message) { // 根據(jù)業(yè)務(wù)邏輯,找到token指向的webSocket WebSocket webSocket = webSocketMap.get(String.valueOf(message.charAt(0))); // 找不到返回 if (webSocket == null) { return; } try { webSocket.session.getBasicRemote().sendText(message); } catch (IOException e) { e.printStackTrace(); } } }
前端怎么寫(xiě)
/** * WebSocket客戶端 * * 使用說(shuō)明: * 1、WebSocket客戶端通過(guò)回調(diào)函數(shù)來(lái)接收服務(wù)端消息。例如:webSocket.onmessage * 2、WebSocket客戶端通過(guò)send方法來(lái)發(fā)送消息給服務(wù)端。例如:webSocket.send(); */ function getWebSocket() { /** * WebSocket客戶端 PS:URL開(kāi)頭表示W(wǎng)ebSocket協(xié)議 中間是域名端口 結(jié)尾是服務(wù)端映射地址 */ var webSocket = new WebSocket(/*[[${webSocketUrl}]]*/ 'ws://localhost:8080/webSocket/2'); /** * 當(dāng)服務(wù)端打開(kāi)連接 */ webSocket.onopen = function (event) { console.log('WebSocket打開(kāi)連接'); }; /** * 當(dāng)服務(wù)端發(fā)來(lái)消息:1.廣播消息 2.更新在線人數(shù) */ webSocket.onmessage = function (event) { console.log('WebSocket收到消息:%c' + event.data, 'color:green'); }; /** * 關(guān)閉連接 */ webSocket.onclose = function (event) { console.log('WebSocket關(guān)閉連接'); }; /** * 通信失敗 */ webSocket.onerror = function (event) { console.log('WebSocket發(fā)生異常'); }; return webSocket; }
總結(jié)
以上所述是小編給大家介紹的SpringBoot使用WebSocket的方法實(shí)例詳解,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
Spring動(dòng)態(tài)監(jiān)聽(tīng)Nacos配置中心key值變更的實(shí)現(xiàn)方法
Nacos本身提供支持監(jiān)聽(tīng)配置變更的操作,但在使用起來(lái),個(gè)人感覺(jué)不是很友好,無(wú)法精確到某個(gè)key的變更監(jiān)聽(tīng),所以本文小編給大家介紹了Spring動(dòng)態(tài)監(jiān)聽(tīng)Nacos配置中心key值變更的實(shí)現(xiàn)方法,需要的朋友可以參考下2024-08-08Java套接字(Socket)網(wǎng)絡(luò)編程入門(mén)
這篇文章主要介紹了Java套接字(Socket)網(wǎng)絡(luò)編程入門(mén),Socket可以理解為是對(duì)TCP/IP協(xié)議的抽象,需要的朋友可以參考下2015-10-10Lombok中@Builder和@SuperBuilder注解的用法案例
@Builder?是?lombok?中的注解,可以使用builder()構(gòu)造的Person.PersonBuilder對(duì)象進(jìn)行鏈?zhǔn)秸{(diào)用,給所有屬性依次賦值,這篇文章主要介紹了Lombok中@Builder和@SuperBuilder注解的用法,需要的朋友可以參考下2023-01-01Java中使用JDBC操作數(shù)據(jù)庫(kù)簡(jiǎn)單實(shí)例
這篇文章主要介紹了Java中使用JDBC操作數(shù)據(jù)庫(kù)簡(jiǎn)單實(shí)例,本文以Mysql為例介紹使用Java JDBC操作數(shù)據(jù)庫(kù)的6個(gè)步驟,需要的朋友可以參考下2015-06-06一文教你學(xué)會(huì)搭建SpringBoot分布式項(xiàng)目
這篇文章主要為大家詳細(xì)介紹了搭建SpringBoot分布式項(xiàng)目的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01