- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
当前正在使用同时使用express.js
和Socket.io
的Node.JS后端。该应用程序的基础看起来像这样:
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.get('/', function(req, res){
res.sendFile(__dirname + '/index.html');
});
io.on('connection', function(socket){
console.log('a user connected');
});
http.listen(3000, function(){
console.log('listening on *:3000');
});
express.js
会处理所有
HTTP/HTTPS
请求,而
Socket.io
会处理与websocket有关的所有交互。因此,这是两个完全分离的实体。启动应用程序后,
express
部分正在侦听
http
请求,而
socket.io
部分正在侦听websocket事件或连接(通过
HTTP
(使用
HTTP
标头进行的websocket握手)进行连接)。因为
express
实例和
socket.io
实例共享相同的
HTTP
服务器,所以它们可以使用相同的TCP连接。
最佳答案
要真正了解其工作原理,您必须真正了解socket.io连接如何工作,然后才能查看它与http服务器的关系。
默认的socket.io连接以几个http请求开始。这是socket.io客户端与服务器协商以决定两者都可以支持的方式的方式。这些http请求将发送到您的node.js Web服务器(用于Express的服务器)。插入socket.io的请求处理程序将拦截这些请求并进行处理,以使它们不会发送到您的Express路由。
在像上一个这样的几个http请求之后,如果双方都同意可以将webSocket连接作为正在进行的socket.io连接的基础传输,则socket.io客户端会向服务器发送一个特殊的http请求,其中包含几个自定义标题。
http服务器(与用于Express的服务器相同)接收到此特殊的http请求,socket.io服务器代码再次拦截并处理该请求。在这种情况下,它通过对WebSocket协议进行“升级”来响应此特殊的http请求,并且将以http请求开始的套接字转换为webSocket协议,并成为仅使用webSocket协议的长期套接字。
此时,http Web服务器不再参与进一步的通信。从http请求开始的套接字已经移交给socket.io服务器代码,并且该套接字现在正在使用webSocket协议。此时,客户端或服务器都可以通过该套接字发送消息,并且另一端的相应代码将接收它们。
现在,socket.io实际上在webSocket之上使用了一层。虽然基础数据包已针对webSocket协议进行了格式化,但socket.io在webSocket之上添加了自己的应用程序层,这意味着您必须在两端都具有socket.io代码才能正常工作(socket.io客户端无法与普通的webSocket服务器对话,反之亦然)。
因此,如果我理解正确,express.js会处理所有HTTP / HTTPS请求,而Socket.io会处理与websocket有关的所有交互。
有点。 http服务器(作为Express的基础)处理所有传入的HTTP请求。这包括将通过Express路由的常规http请求,但也包括与打开和建立socket.io连接有关的http请求。这些特殊请求由socket.io插入的http服务器请求处理程序处理,而不是通过Express进行处理。
因此,这是两个完全分离的实体。
有一个http服务器,然后有一些请求处理程序来决定Express应该处理请求还是socket.io应该处理请求。一次,请求已传递给另一个请求,它们几乎是分开的。
但是,在某些方面它们可以相交。例如,如果您使用带有Express的会话管理器来设置会话cookie或设置cookie的任何其他类型的代码,则这些cookie也可用于socket.io连接。因此,使用正确的支持代码,socket.io连接可以访问您的Express中间件或请求处理程序创建的会话对象(或其他cookie)。请记住,socket.io连接以http请求开头,因此浏览器通常会通过http请求发送的任何cookie也将存在于socket.io请求中。
应用程序启动后,快速部分正在侦听http请求,而socket.io部分正在侦听websocket事件或连接(使用HTTP完成连接,使用HTTP标头进行websocket握手)。
如上所述,http服务器正在侦听传入的http请求,socket.io和Express都有请求处理程序,这些处理程序查看这些传入的请求并确定是否应参与处理该请求。一些传入请求定向到socket.io服务器代码,而另一些定向定向到快速路由处理程序。
因为express实例和socket.io实例共享相同的HTTP服务器,所以它们可以使用相同的TCP连接。
他们实际上并不共享TCP连接。有一个共享的HTTP服务器,用于侦听传入的HTTP请求。然后,这些请求将路由到socket.io代码或表达代码,以基于请求中的数据进行进一步处理。如果这是发起socket.io连接的socket.io请求,则该TCP套接字将被“升级”为webSocket协议,并且只有socket.io服务器代码会从那时开始处理该TCP套接字。如果不是socket.io请求,则将http请求传递到Express代码,并根据定义的中间件和路由决定如何处理它。
我上面描述的当前理解正确吗?
部分正确,部分不正确。上面有很多细节。
这两个实体可以通过什么方式相互交互?
他们共享http服务器。他们共享对cookie的访问。
使用正确的服务器端代码,可能有一个http请求(通常是来自已加载网页的Ajax调用)进入Express,并且该请求处理程序可以通过其相应的socket.io连接将数据发送到该特定客户端。使用某种cookie客户端标识符,可以将现有的socket.io连接与传入的http请求关联。
我应该补充一点,我上面所描述的是当您建立一个socket.io连接到加载该网页的相同主机和端口时的工作方式。这不是必需的。您可能有一个从中加载了所有网页和Web资源的http服务器,还有一个对传入的socket.io请求进行字段处理的http服务器(在不同的主机/端口组合上)。在这种情况下,事物的表达方面实际上与socket.io事物无关。他们实际上是不同的服务器,可能不会共享cookie等。
关于javascript - NodeJS,Express与Socket.io交互,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50024521/
我有一个 html 格式的表单: 我需要得到 JavaScript在value input 字段执行,但只能通过表单的 submit .原因是页面是一个模板所以我不控制它(不能有
我管理的论坛是托管软件,因此我无法访问源代码,我只能向页面添加 JavaScript 来实现我需要完成的任务。 我正在尝试用超链接替换所有页面上某些文本关键字的第一个实例。我还根据国家/地区代码对这些
我正在使用 JS 打开新页面并将 HTML 代码写入其中,但是当我尝试使用 document.write() 在新页面中编写 JS 时功能不起作用。显然,一旦看到 ,主 JS 就会关闭。用于即将打开的
提问不是为了解决问题,提问是为了更好地理解系统 专家!我知道每当你将 javascript 代码输入 javascript 引擎时,它会立即由 javascript 引擎执行。由于没有看过Engi
我在一个文件夹中有两个 javascript 文件。我想将一个变量的 javascript 文件传递到另一个。我应该使用什么程序? 最佳答案 window.postMessage用于跨文档消息。使
我有一个练习,我需要输入两个输入并检查它们是否都等于一个。 如果是 console.log 正则 console.log false 我试过这样的事情: function isPositive(fir
我正在做一个Web应用程序,计划允许其他网站(客户端)在其页面上嵌入以下javascript: 我的网络应用程序位于 http://example.org 。 我不能假设客户端网站的页面有 JQue
目前我正在使用三个外部 JS 文件。 我喜欢将所有三个 JS 文件合而为一。 尽一切可能。我创建 aio.js 并在 aio.js 中 src="https://code.jquery.com/
我有例如像这样的数组: var myArray = []; var item1 = { start: '08:00', end: '09:30' } var item2 = {
所以我正在制作一个 Chrome 扩展,它使用我制作的一些 TamperMonkey 脚本。我想要一个“主”javascript 文件,您可以在其中包含并执行其他脚本。我很擅长使用以下行将其他 jav
我有 A、B html 和 A、B javascript 文件。 并且,如何将 A JavaScript 中使用的全局变量直接移动到 B JavaScript 中? 示例 JavaScript) va
我需要将以下整个代码放入名为 activate.js 的 JavaScript 中。你能告诉我怎么做吗? var int = new int({ seconds: 30, mark
我已经为我的 .net Web 应用程序创建了母版页 EXAMPLE1.Master。他们的 I 将值存储在 JavaScript 变量中。我想在另一个 JS 文件中检索该变量。 示例1.大师:-
是否有任何库可以用来转换这样的代码: function () { var a = 1; } 像这样的代码: function () { var a = 1; } 在我的浏览器中。因为我在 Gi
我收到语法缺失 ) 错误 $(document).ready(function changeText() { var p = document.getElementById('bidp
我正在制作进度条。它有一个标签。我想调整某个脚本完成的标签。在找到可能的解决方案的一些答案后,我想出了以下脚本。第一个启动并按预期工作。然而,第二个却没有。它出什么问题了?代码如下: HTML:
这里有一个很简单的问题,我简单的头脑无法回答:为什么我在外部库中加载时,下面的匿名和onload函数没有运行?我错过了一些非常非常基本的东西。 Library.js 只有一行:console.log(
我知道 javascript 是一种客户端语言,但如果实际代码中嵌入的 javascript 代码以某种方式与在控制台上运行的代码不同,我会尝试找到答案。让我用一个例子来解释它: 我想创建一个像 Mi
我如何将这个内联 javascript 更改为 Unobtrusive JavaScript? 谢谢! 感谢您的回答,但它不起作用。我的代码是: PHP js文件 document.getElem
我正在寻找将简单的 JavaScript 对象“转储”到动态生成的 JavaScript 源代码中的最优雅的方法。 目的:假设我们有 node.js 服务器生成 HTML。我们在服务器端有一个对象x。
我是一名优秀的程序员,十分优秀!