Javascript html5 rocks节点js服务器发送事件SSE示例不工作
文章链接: node.js SSE服务器在该示例中不工作。我最终打开了与Javascript html5 rocks节点js服务器发送事件SSE示例不工作,javascript,html,node.js,server-sent-events,Javascript,Html,Node.js,Server Sent Events,文章链接: node.js SSE服务器在该示例中不工作。我最终打开了与/events的连接,但浏览器没有收到任何响应 sse server.js var http = require('http'); var sys = require('sys'); var fs = require('fs'); http.createServer(function(req, res) { //debugHeaders(req); if (req.headers.accept &&am
/events
的连接,但浏览器没有收到任何响应
sse server.js
var http = require('http');
var sys = require('sys');
var fs = require('fs');
http.createServer(function(req, res) {
//debugHeaders(req);
if (req.headers.accept && req.headers.accept == 'text/event-stream') {
if (req.url == '/events') {
sendSSE(req, res);
} else {
res.writeHead(404);
res.end();
}
} else {
res.writeHead(200, {'Content-Type': 'text/html'});
res.write(fs.readFileSync(__dirname + '/sse-node.html'));
res.end();
}
}).listen(8000);
function sendSSE(req, res) {
res.writeHead(200, {
'Content-Type': 'text/event-stream',
'Cache-Control': 'no-cache',
'Connection': 'keep-alive'
});
var id = (new Date()).toLocaleTimeString();
// Sends a SSE every 5 seconds on a single connection.
setInterval(function() {
constructSSE(res, id, (new Date()).toLocaleTimeString());
}, 5000);
constructSSE(res, id, (new Date()).toLocaleTimeString());
}
function constructSSE(res, id, data) {
res.write('id: ' + id + '\n');
res.write("data: " + data + '\n\n');
}
function debugHeaders(req) {
sys.puts('URL: ' + req.url);
for (var key in req.headers) {
sys.puts(key + ': ' + req.headers[key]);
}
sys.puts('\n\n');
}
sse node.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<script>
var source = new EventSource('/events');
source.onmessage = function(e) {
document.body.innerHTML += e.data + '<br>';
};
</script>
</body>
</html>
var source=new EventSource('/events');
source.onmessage=函数(e){
document.body.innerHTML+=e.data+'
';
};
为什么要注释掉sendSSE函数末尾的res.end()?这就是实际将响应发送到浏览器的方法。问题出在服务器上。在我的例子中,我使用iisnode节点包将node与IIS一起使用。为了解决这个问题,我需要在web.config中配置iisnode,如下所示:
<iisnode flushResponse="true" />
在这之后,一切都很顺利。其他类似问题可能从这里开始,但apache和nginx可能有类似的配置要求。我已经尝试过该代码,正在为我工作,因为您没有使用ngnix或任何其他服务器作为节点实例的代理。如果您运行防火墙或防病毒,我相信问题出在您的机器上,停止它,然后再试一次或任何其他可能拦截您的req和res的软件。确保您已将HTML文件以与sse-node.HTML相同的名称保存在同一目录中。另一件事可能是确保8000端口在您的本地机器中是打开的,没有人在使用它。或者更改端口并重新运行sse-server.js。这对我来说是可行的。我也面临同样的问题。代码没有问题,只需在HTML文件中提供完整的资源地址即可
var source = new EventSource('http://localhost:8000/events'); //true way
而不是
var source = new EventSource('/events'); //improper way
请注意,这篇文章来自2010年,因此我猜测自那以后node中发生了一些变化,这使得它无法运行。我使用的是刚刚测试过的节点v.10.18I,使用的是v0.10.28,正在工作。很抱歉,这是我调试尝试时留下的。来自示例的原始代码现在发布了。我下载了它,它适合我。也许问题出在您的节点配置上?我也注意到该示例使用插入的
res.end()
,但这样做似乎违背了服务器发送事件的目的。所以我不知道发生了什么事。这和手头的问题无关。@MatthewJamesDavis对不起,你是什么意思?我看到了你的答案,是关于服务器配置的。因为问题特别是服务器配置,iis@MatthewJamesDavis对不起,马修,我弄糊涂了,alnafie不是在说任何服务器。。他让node.js服务器赤裸裸地运行,而在节点上没有一个健壮的服务器(如nginx或iis)。他只是在命令行中使用了>node server.js,这是我的理解,因为这不是一个真正的服务器,更像是一个机器配置(防火墙、防病毒、他可能安装的游戏等),所以不用担心,我没有复制你的答案,我的意图也是如此-1对于可能有类似症状的不同问题的误导性回答。正如@rahpuser所指出的,最初的问题是关于“node.js服务器裸体”,没有任何像IIS或Apache这样的冗余垃圾