webSocket 學習

贲风發表於2024-11-26

1. URL 格式

  與 http 和 https 類似 websocket 分為 ws 和 wss 兩種 具體例項如下

1/ ws://example.com/socketserver
2/ wss://example.com/socketserver

2. 例項化

let ws = new WebSocket("ws://example.com/socketserver");

3. 方法

  1/ 傳送資料(ws.send(data))

ws.send(‘xxxx’)
// 一般都是JSON格式 所以
ws.send(JSON.stringify({ name: '張三', age: '29' }))

  2/ 關閉連線(ws.close(code, reason)) 這個我還沒用過..

4. 事件處理器

  1/ 連線成功建立時觸發(ws.onopen)

  2/ 接收到伺服器傳送的訊息時觸發(ws.onmessage)

  3/ 連線發生錯誤時觸發(ws.onerror)

  4/ 連線關閉時觸發(ws.onclose)

// 具體方式可參考我的小demo

https://gitee.com/shi_run_feng/vue3_websocket_demo/

相關文章