如何使用WEBSOCKET實現前後端通訊

2022-06-11 09:15:07 字數 982 閱讀 6199

websocket通訊是很好玩的,也很有用的的通訊方式,使用方式如下:

第一步由於springboot很好地整合了websocket,所以先在在pom.xml檔案中引入依賴

org.springframework.boot

spring-boot-starter-websocket

第二步在前端介面使用websocket,也就是html檔案中編寫

第三步,一般我們是在controller層實現互動的,然而websocket的互動是在service層,

其中:

@serverendpoint("/websocket")是定義了互動的位址
@slf4j是日誌,有興趣了解,請看這篇文章
@onopen、@onclose、@onmessage這三個方法與前端的三個同名方法相互互動,在需要使用的位置呼叫方法如下,

到這裡基本寫完了。

@component

@serverendpoint("/websocket")

@slf4j

public class websocket ",websocketset.size());

}@onclose

public void onclose()",websocketset.size());

}@onmessage

public void onmessage(string message)",message);

}public void sendmessage(string message)",message);

try catch (ioexception e) }}

}

使用方式:

@autowired

private websocket websocket;

websocket.sendmessage("傳遞的引數");

使用nginx實現websocket的負載均衡

當web應用訪問量過大時,我們就需要做負載均衡,將同乙個網域名稱的請求分散到不同的伺服器上。nginx就可以做到。它可以按照輪詢 ip雜湊 url雜湊 權重等多種方式對後端伺服器做負載均衡。但是分配到不同的機器上後,如果請求是有狀態的,比如有些頁面需要使用者登入之後才能訪問,我們就需要保證單個使用者...

vue專案使用websocket實現資料實時推送

寫了乙個關於工程的專案,關於工地資料的實時監控 1.後端要先寫好資料,將資料傳遞給前端 2.在前端頁面 function else 連線發生錯誤的 方法 websocket.onerror function 連線成功建立的 方法 websocket.onopen function 接收到訊息的 方法...

使用Websocket實現訊息推送(上)

聯絡客服功能在專案中非常難避免。一般有以下三種實現方式 第一種方式,最low的。實現簡單。可是浪費使用者流量 另外一種方式,接入簡單,功能強大,可是可能須要一定的成本 比方付費 第三種方式,須要一定的開發成本 伺服器託管費用忽略 websocket一種在單個 tcp 連線上進行全雙工通訊的協議。we...