WangMT

Appearance

WebSocket ​

一、概念 ​

WebSocket是一种网络传输协议，可以在单个TCP连接上进行双全工通信，位于OSI模型的应用层。

  • TCP连接，与HTTP协议兼容
  • 双向通信，主动推送
  • 无同源限制，协议标识符是ws，加密是wss

聊天、消息、点赞；直播评论（弹幕）；游戏协同编辑；

二、集成ws ​

ws、socket.io

html
<!-- client -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <script>
    let ws = new WebSocket('ws://127.0.0.1:3000')
  </script>
</body>
</html>
js
// server
// API: https://developer.mozilla.org/zh-CN/docs/Web/API/WebSocket
const WebSocket = require('ws')

const wss = new WebSocket.Server({ port: 3000 })

wss.on('connection', function connection(ws) {
    console.log('one client is connected')
})

三、使用WebSocket ​

四、聊天室应用 ​