2.使用 建立長連接,服務端和客戶端可以互相通信,服務端只要有數據更新,就可以主動推給客戶端
是 HTML5 開始提供的一種在單個 TCP 連接上進行全雙工通訊的協議。
使得客戶端和服務器之間的數據交換變得更加簡單,允許服務端主動向客戶端推送數據。在 API 中,瀏覽器和服務器只需要完成一次握手,兩者之間就直接可以創建持久性的連接,并進行雙向數據傳輸。
在 API 中,瀏覽器和服務器只需要做一個握手的動作,然后,瀏覽器和服務器之間就形成了一條快速通道。兩者之間就直接可以數據互相傳送。
現在,很多網站為了實現推送技術,所用的技術都是 Ajax 輪詢。輪詢是在特定的的時間間隔(如每1秒),由瀏覽器對服務器發出HTTP請求,然后由服務器返回最新的數據給客戶端的瀏覽器。這種傳統的模式帶來很明顯的缺點,即瀏覽器需要不斷的向服務器發出請求,然而HTTP請求可能包含較長的頭部,其中真正有效的數據可能只是很小的一部分,顯然這樣會浪費很多的帶寬等資源。
HTML5 定義的 協議,能更好的節省服務器資源和帶寬,并且能夠更實時地進行通訊。
瀏覽器通過 向服務器發出建立 連接的請求,連接建立以后刷新端口有什么用,客戶端和服務器端就可以通過 TCP 連接直接交換數據。
當你獲取 Web 連接后,你可以通過 send() 方法來向服務器發送數據,并通過 事件來接收服務器返回的數據。
在線測試接口
接口如何測試呢?可以用在線網站
以ws:/// 接口為例, 地址欄輸入ws地址
點 連接按鈕,建立連接
這個時候就可以給服務端發消息了
服務端也可以給客戶端返回消息刷新端口有什么用,這里只是一個最簡單的示例
具體的接口測試,按接口文檔輸入對應的 ws/wss 地址和請求參數就行。