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

【问题标题】：Node.js server for Socket.IO explanation?Socket.IO解释的Node.js服务器？
【发布时间】：2016-05-24 12:42:08
【问题描述】：

我有以下代码：

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 协议时，为什么我需要一个 HTTP 服务器？

【问题讨论】：

标签： node.js sockets express socket.io server

【解决方案1】：

当您的浏览器访问http://localhost/ 时，您需要一个能够通过网页响应浏览器的网络服务器。这就是 Express 和 express.static() 行所做的。当您删除这些时，您确实有一个服务器在特定路径上侦听 webSocket 连接，但您没有任何服务网页。因此，当浏览器转到 http://localhost/ 时，没有任何响应返回一个纯网页。

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

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

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

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

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

以下是您的代码的逐行解释：

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。

它们都不适用于服务器端的单行代码。

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

【讨论】：

如果有人想知道，__dirname 是服务器脚本运行的目录。

【解决方案2】：

您需要 express http 服务器将套接字客户端传送到浏览器。

Express 服务器在 80 端口启动
浏览器在 80 端口上连接 express，socket.io 服务器组件将 socket 客户端 javascript 传递给浏览器 (http://localhost:80/socket.io/socket.io.js)
Socket 客户端（在浏览器中运行）然后可以连接到 socket.io 服务器

【讨论】：