【发布时间】：2012-10-19 16:25:37
【问题描述】：
我一直在开发一个 nodejs 服务器来为我正在用 HTML5 开发的新网站提供服务器端事件。
当我远程登录到服务器时，它工作正常，向我发送所需的 HTTP 响应标头，然后是我目前每 2 或 3 秒生成的事件流，以证明它有效。
我已经尝试过最新版本的 FireFox、Chrome 和 Opera，它们创建了 EventSource 对象并连接到 nodejs 服务器 OK，但是没有一个浏览器生成任何事件，包括 onopen、onmessage 和 onerror。
但是，如果我停止我的 nodejs 服务器，终止来自浏览器的连接，它们都会突然发送所有消息并显示我的所有事件。然后浏览器都尝试按照规范重新连接到服务器。
我在网络服务器上托管所有内容。本地文件中没有运行任何内容。
我已经阅读了我可以在网上找到的所有内容，包括我购买的书籍，但没有任何迹象表明存在任何此类问题。我有什么遗漏吗？
示例服务器实现
var http = require('http');
var requests = [];
var server = http.Server(function(req, res) {
var clientIP = req.socket.remoteAddress;
var clientPort = req.socket.remotePort;
res.on('close', function() {
console.log("client " + clientIP + ":" + clientPort + " died");
for(var i=requests.length -1; i>=0; i--) {
if ((requests[i].ip == clientIP) && (requests[i].port == clientPort)) {
requests.splice(i, 1);
}
}
});
res.writeHead(200, {
'Content-Type': 'text/event-stream',
'Access-Control-Allow-Origin': '*',
'Cache-Control': 'no-cache',
'Connection': 'keep-alive'});
requests.push({ip:clientIP, port:clientPort, res:res});
res.write(": connected.\n\n");
});
server.listen(8080);
setInterval(function test() {
broadcast('poll', "test message");
}, 2000);
function broadcast(rtype, msg) {
var lines = msg.split("\n");
for(var i=requests.length -1; i>=0; i--) {
requests[i].res.write("event: " + rtype + "\n");
for(var j=0; j<lines.length; j++) {
if (lines[j]) {
requests[i].res.write("data: " + lines[j] + "\n");
}
}
requests[i].res.write("\n");
}
}
一个示例 html 页面
<!DOCTYPE html>
<html>
<head>
<title>SSE Test</title>
<meta charset="utf-8" />
<script language="JavaScript">
function init() {
if(typeof(EventSource)!=="undefined") {
var log = document.getElementById('log');
if (log) {
log.innerHTML = "EventSource() testing begins..<br>";
}
var svrEvents = new EventSource('/sse');
svrEvents.onopen = function() {
connectionOpen(true);
}
svrEvents.onerror = function() {
connectionOpen(false);
}
svrEvents.addEventListener('poll', displayPoll, false); // display multi choice and send back answer
svrEvents.onmessage = function(event) {
var log = document.getElementById('log');
if (log) {
log.innerHTML += 'message: ' + event.data + "<br>";
}
// absorb any other messages
}
} else {
var log = document.getElementById('log');
if (log) {
log.innerHTML = "EventSource() not supported<br>";
}
}
}
function connectionOpen(status) {
var log = document.getElementById('log');
if (log) {
log.innerHTML += 'connected: ' + status + "<br>";
}
}
function displayPoll(event) {
var html = event.data;
var log = document.getElementById('log');
if (log) {
log.innerHTML += 'poll: ' + html + "<br>";
}
}
</script>
</head>
<body onLoad="init()">
<div id="log">testing...</div>
</body>
</html>
这些示例是基本的，但与我在书本和网上看到的所有其他演示相同。 eventSource 似乎只有在我结束客户端连接或终止服务器时才有效，但这将是轮询而不是 SSE，我特别想使用 SSE。
有趣的是，当我在线使用它们时，例如来自html5rock 的 thouse 演示似乎也无法正常工作..
【问题讨论】：
-
使用了各种浏览器的 Javascript 控制台后，似乎 EventSource 向我的服务器发出了 GET /sse HTTP/1.1，这是预期的，但在连接完成之前不会显示响应关闭。这是设计使然吗？连接状态应该是保持活动状态。 EventSource() 只是缓冲它发送的所有内容，直到页面关闭，还是它正在等待它接收的数据中的某种标记？
-
除了 nodejs 服务器，我还尝试过 PHP，因为许多示例似乎都说明了这一点。同样，除非我关闭连接，否则这将表现出与已经提到的相同的行为。我很惊讶没有其他人遇到过这样的问题？还是我只是做错了什么？
-
我想知道是不是我的服务器或防火墙配置有问题。我不敢相信已经编写好的演示都没有工作。其他人现在肯定会遇到这个问题。任何人都知道如何寻找配置明智的？在一个简单的 telnet 会话中一切似乎都正常
标签： javascript html node.js server-sent-events