Node.js网络套接字+不带socket.io的websocket

Question

我正在尝试使用nodejs创建类似聊天的内容。我是nodejs的新手，我想在没有socket.io的情况下创建它（我想了解它的工作原理）。这是我正在使用的代码。

var http = require('http');
var net = require('net');


var server = http.createServer(function(req,res){

    res.writeHead(200,{'content-type' : 'text/html'});
    res.write('<a href="./lol/">lol</a><br>');
    res.end('hello world: '+req.url);



    var client = new net.Socket();
    client.connect('7001', '127.0.0.1', function() {

        console.log('CONNECTED TO: ');
        // Write a message to the socket as soon as the client is connected, the server will receive it as message from the client 
        client.write('I am Chuck Norris!');

    });

    // Add a 'data' event handler for the client socket
    // data is what the server sent to this socket
    client.on('data', function(data) {

        console.log('DATA: ' + data);
        // Close the client socket completely
        client.destroy();

    });

    // Add a 'close' event handler for the client socket
    client.on('close', function() {
        console.log('Connection closed');
    });
    //req.

});
server.listen(7000);


require('net').createServer(function (socket) {
    console.log("connected");

    socket.on('data', function (data) {
        console.log(data.toString());
    });
}).listen(7001);

而且一切正常，（我认为）。当我打开localhost：7000时，我收到有关“ CONNECTED TO：”和“ connected”以及“ I am
Chack Norris”的节点CMD消息。之后，我尝试在浏览器控制台中编写：

var conn = new WebSocket('ws://localhost:7001/');

也没有错误，但是当我尝试这一行：

conn.send('lol');

我收到一个错误：“未捕获的DOMException：无法在’WebSocket’上执行’send’：仍处于CONNECTING状态。（…）“

一段时间后，我又收到一个错误：“与’ws：// localhost：7001 /’的WebSocket连接失败：WebSocket打开握手超时”

也许这段代码是错误的，但是我已经尝试了所有通过google找到的内容。有人可以帮我弄这个吗？

Answer 1

如果要创建自己的webSocket服务器以接收来自浏览器的webSocket连接，则必须在服务器上实现webSocket协议。这不仅仅是简单的套接字连接。它具有一个启动序列，该序列以HTTP连接开始，然后“升级”到webSocket协议，包括交换安全信息，然后为通过webSocket发送的所有数据提供webSocket成帧格式。您不仅可以通过webSocket发送纯文本。

您可以在此处查看webSocket协议的外观：编写Websocket服务器。除非您真的真的想为学习目的而创建自己的webSocket服务器，否则我真的建议您获得一个现有的模块，该模块已为您完成了所有棘手的协议工作。

然后，将在webSocket协议之上构建socket.io库，并在其之上添加其他功能和消息格式。

为了让您了解webSocket的连接方式，以下是典型的连接顺序：

浏览器发送连接请求：

GET /chat HTTP/1.1
Host: example.com:8000
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==
Sec-WebSocket-Version: 13

服务器响应：

HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=

然后，双方切换到webSocket协议，该协议的数据帧格式如下：

0                   1                   2                   3
 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1
+-+-+-+-+-------+-+-------------+-------------------------------+
|F|R|R|R| opcode|M| Payload len |    Extended payload length    |
|I|S|S|S|  (4)  |A|     (7)     |             (16/64)           |
|N|V|V|V|       |S|             |   (if payload len==126/127)   |
| |1|2|3|       |K|             |                               |
+-+-+-+-+-------+-+-------------+ - - - - - - - - - - - - - - - +
|     Extended payload length continued, if payload len == 127  |
+ - - - - - - - - - - - - - - - +-------------------------------+
|                               |Masking-key, if MASK set to 1  |
+-------------------------------+-------------------------------+
| Masking-key (continued)       |          Payload Data         |
+-------------------------------- - - - - - - - - - - - - - - - +
:                     Payload Data continued ...                :
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
|                     Payload Data continued ...                |
+---------------------------------------------------------------+

然后，此外，还有ping和pong数据包用于保持活动测试，并且存在一种针对大数据包和分段的方案，客户端/服务器可以协商子协议。