websocket

socket（一个抽象层，接口）

通信用的工具：socket
1.客户端连接服务器（TCP/IP），三次握手，建立了连接通道
2.客户端和服务器通过socket接口发送消息和接收消息，任何一端在任何时候，都可以向另一端发送任何消息
3.有一端断开了，通道销毁

http

1.客户端连接服务器（TCP/IP），三次握手，建立了连接通道
2.客户端发送一个http格式的消息（消息头 消息体），服务器响应http格式的消息（消息头 消息体）
3.客户端或服务器断开，通道销毁
实时性的问题：
1.轮询（每隔一段时间，浏览器就向服务器请求一次）
2.长连接（如果浏览器收不到服务器的响应，就一直等待）

websocket（html5中的API，是一个协议）

专门用来解决实时传输的问题
1.客户端连接服务器（TCP/IP），三次握手，建立了连接通信
2.客户端发送一个http格式的消息（特殊格式），服务器也响应一个http格式的消息（特殊格式）称之为http握手（看是否支持websocket）
3.双方自由通信，通信格式按照websocket的要求进行
4.任何一方断开，通道销毁

客户端websocket

// 创建一个websocket，同时，发送连接到服务器
const ws = new WebSocket("ws://localhost:5008"); 
ws.onopen = function () {
     // http握手完成
     console.log("连接已建立");
};
ws.onmessage = function (e) {
     console.log("来自服务器的数据", e.data);
};
ws.onclose = function () {
     console.log("通道关闭");
};
document.querySelector("button").onclick = function () {
    ws.send("123");
};
//   ws.close(); //客户端主动断开连接

服务器websocket

const net = require("net");
const server = net.createServer((socket) => {
  console.log("收到客户端的连接");
  socket.once("data", (chunk) => {
    const httpContent = chunk.toString("utf-8");
    let parts = httpContent.split("\r\n");
    parts.shift();
    parts = parts
      .filter((s) => s)
      .map((s) => {
        const i = s.indexOf(":");
        return [s.substr(0, i), s.substr(i + 1).trim()];
      });
    const headers = Object.fromEntries(parts);
    const crypto = require("crypto");
    const hash = crypto.createHash("sha1");
    hash.update(
      headers["Sec-WebSocket-Key"] + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"
    );
    const key = hash.digest("base64");
    // 响应
    socket.write(`HTTP/1.1 101 Switching Protocols
		Upgrade: websocket
		Connection: Upgrade
		Sec-WebSocket-Accept: ${key}

`);
    socket.on("data", (chunk) => {
      console.log(chunk);
    });
  });
})
server.listen(5008);