Node.js 服务器的 Socket.IO 解释？

Question

我有以下代码:

express = require('express');
app = express();
http = require('http').createServer(app);
io = require('socket.io')(http);

app.use(express.static(__dirname + '/'));
http.listen(80);

我知道它创建了一个客户端可以连接的服务器并且它可以工作。但我不知道到底发生了什么。能详细解释一下吗？

另外，为什么当我忘记 Express.js 并只使用这一行时，事情不起作用:

io = require('socket.io').listen(80);

它似乎正在监听连接。但是，当我转到 http://localhost/ 时在浏览器内， 什么都没发生。我的猜测是我没有为我的应用程序指定目录:

app.use(express.static(__dirname + '/'));

这就是我需要 Express 的原因吗？要指定目录吗？

在客户端，我使用:

socket = io('http://localhost/'); // this
socket = io(); // or this

它们都不能在服务器端使用单行代码。

另外，当 Socket.IO 使用 WebSocket 协议(protocol)时，为什么我需要 HTTP 服务器？

Answer 1

当您的浏览器转到http://localhost/时，您需要一个网络服务器来通过网页响应浏览器。这就是 Express 和 express.static() 行正在做的事情。当您删除这些内容时，您确实有一个服务器正在监听特定路径上的 webSocket 连接，但您没有任何服务网页。所以，当浏览器转到http://localhost/时，普通网页没有任何响应。

Also, why do I need an HTTP server when Socket.IO uses the WebSocket protocol?

所有socket.io连接都以HTTP请求开始。 socket.io 基于 webSocket 协议(protocol)，所有 webSocket 连接都是通过 HTTP 请求发起的。因此，要接受 socket.io 连接，您需要一个能够响应 HTTP 请求的 Web 服务器，然后需要一个足够智能的 Web 服务器来识别对 webSocket 连接的请求，以便它可以将协议(protocol)从 HTTP“升级”到 webSocket。

有关如何建立 webSocket 连接的详细概述，请参阅 this overview on MDN .

一旦连接，socket.io 基础设施就会在该 webSocket 之上运行。

I know it creates a server that clients can connect to and it works. But I don't know what exactly happens. Can you explain in detail?

这是代码的逐行解释:

express = require('express');

这会加载 Express 库。

app = express();

这将创建一个 Express app 对象，该对象可用作 webServer 请求处理程序。

http = require('http').createServer(app);

这将创建一个 Web 服务器并将 Express app 对象传递给它作为 webServer 请求处理程序。

io = require('socket.io')(http);

这会将 socket.io 作为另一个请求处理程序挂接到您的 Web 服务器中，以便它可以看到任何传入的 http 请求，这些请求实际上是启动 webSocket/socket.io 连接的第一阶段。

app.use(express.static(__dirname + '/'));

这告诉 Express，如果对网页发出任何请求，它应该在 __dirname 中查找与请求路径匹配的文件。如果找到，它应该返回该路径。

http.listen(80);

这将启动 Web 服务器监听端口 80。

None of them work with the single line code at the server-side.

如果使用得当，创建 socket.io 连接的这两行代码都将起作用。你没有说这段代码是如何运行的。如果您尝试从浏览器从 http://localhost/ 加载的网页运行此代码，那么我已经解释了为什么如果不启动 Express，该网页将无法加载。如果您尝试从以其他方式加载的网页运行这些代码行，那么您可能会遇到同源安全问题，因为默认情况下浏览器不允许您访问与网页来源不同的域。