一、簡述
因為身邊許多同學都在使用WebSocket來做即時通訊功能，本人也是非常感興趣的，在網上尋找發現多多少少有點缺陷，要么就是沒有心跳檢測機制，如果不存在檢測，那么網路突然斷開，造成的后果就是client、server可能還在傻乎乎的發送無用的訊息，浪費了資源，要么就是一頓C V操作下來報錯不能用，今天我就手摸手嘴對嘴教你使用WebSocket在學不會的話那你真的是沒救了，
二、什么是WebSocket
WebSocket是一種在單個TCP連接上進行全雙工通信的協議，WebSocket通信協議于2011年被IETF定為標準RFC 6455，并由RFC7936補充規范，WebSocket API也被W3C定為標準，
WebSocket使得客戶端和服務器之間的資料交換變得更加簡單，允許服務端主動向客戶端推送資料，在WebSocket API中，瀏覽器和服務器只需要完成一次握手，兩者之間就直接可以創建持久性的連接，并進行雙向資料傳輸，
三、Vue中使用WebSocket
首先肯定是實列化WebSocket
實列化成功之后呼叫WebSocket的鉤子函式
實體物件的所有屬性和方法清單，參見說明檔案，
實體物件的onmessage屬性，用于指定收到服務器資料后的回呼函式，
我們還需要一個重新鏈接的函式，這個可以根據自己的專案需求，可要可不要，
我們可能還需要一個WebSocket的心跳檢測函式，防止在斷網，或者網路波動的情況下斷開連接，沒有這個心跳函式的話，客戶端就會與服務端失去聯系，而我們也不知道就會造成很多無用的操作，
四、效果
如果顯示了服務器發送過來的資料，那么代表WebSocket全程通了，但是我這里的服務器鏈接是別人免費提供的每天只有50次接發送資訊的次數，這個demo 客戶端發送什么服務器，服務器就會回傳一樣的資料給你，只要能夠接收到服務器端發送過來的資料就表示沒問題，
五、WebSocket Demo地址
地址請點擊👉 WebSocket Demo
這邊文章對你有幫助的話記得點贊，
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/272030.html
標籤：其他
上一篇：大數加減乘除，一文徹底搞定
下一篇：順序表