webSocket 基本使用

2021-10-25 02:30:49 字數 2108 閱讀 7612

安裝 websocket

npm i ws
建立物件
const websocket =

require

('ws'

)const wss =

newwebsocket.srever

()

監聽事件

連線事件

wss.on(

"connection"

, client=>

)

接收資料事件

wss.on(

"connection"

, client=>)}

)

傳送資料
client.

send

('傳送資料給前端端'

)

示例
// 使用websocket

// 1 匯入websocket模組

const websocket =

require

('ws'

)// 2 建立websocket 服務物件 繫結埠8889

const wss =

newwebsocket.server()

// 3 事件監聽 連線事件

wss.on(

'connection'

, client=>)}

)

建立物件
const ws =

newwebsocket

('ws://localhost:9998'

)

監聽事件

連線成功事件

ws.

onopen

=function()

接收資料事件

ws.

onmessage

=function()

關閉連線事件

ws.

onclose

=function()

傳送資料
wx.

send

()

示例
<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

<

/head>

"connection"

>連線 服務端<

/button>

"send" disabled>傳送資料<

/button>

從服務端接收資料:

'text'

>

<

/span>

const connection = document.

getelementbyid

('connection'

)const send = document.

getelementbyid

('send'

)const text = document.

getelementbyid

('text'

)let ws =

null

// 建立連線

connection.

onclick

=function()

// 監聽 服務端向客戶端傳送資料事件

ws.onmessage

=function

(msg)

ws.onclose

=function()

}// 傳送資料

send.

onclick

=function()

<

/script>

<

/body>

<

/html>

Web Socket的基本使用

網路上的兩個程式通過乙個雙向的通訊連線實現資料的交換,這個連線的一端稱為乙個socket。建立網路通訊連線至少要一對埠號 socket socket本質是程式設計介面 api 對tcp ip的封裝,tcp ip也要提供可供程式設計師做網路開發所用的介面,這就是socket程式設計介面 http是轎車...

websocket使用HTTP鏈結

背景 websocket是html5提出的新的協議規範,填補了無法長連線的空缺。在沒有websocket之前,由於http是短連線,只能由客戶端請求伺服器,一些功能 即時通訊 處理耗時的請求等 只能通過輪詢來做,不斷的輪詢伺服器是否有新的訊息。websocket正是為了解決這個問題而生,websoc...

websocket 的簡單使用

我的應用場景是多連線使用者均會收到i系統訊息 由於webocket server原始碼的鏈結關閉日誌列印問題 以及需求增加websoket的token驗證所以這裡是直接copy了原始碼下來進行的修改 詳情見websocket.py檔案 舉例 class websocket object def in...