JavaScript EventSource SSE无法在浏览器中触发

荆树

2023-03-14

问题内容：

我一直在开发一个nodejs服务器，以便为我正在使用HTML5开发的新网站提供服务器端事件。

当我通过telnet到服务器时，它可以正常工作，向我发送所需的HTTP响应标头，然后再发送一系列事件，这些事件我目前每2或3秒生成一次，以证明其有效。

我尝试了最新版本的FireFox，Chrome和Opera，它们创建了EventSource对象并连接到nodejs服务器，但没有一个浏览器会生成任何事件，包括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之类的演示在我在线使用它们时似乎也无法按预期工作。

问题答案：

破解了！:)

感谢Tom Kersten的帮助，他帮助我进行了测试。原来代码不是问题。

请注意..如果您的客户端使用任何类型的防病毒软件拦截Web请求，则可能会在此处引起问题。在这种情况下，提供企业级防病毒和防火墙保护的Sophos
Endpoint
Security具有称为Web保护的功能。在此功能中，有一个选项可以扫描下载内容；似乎SSE连接被视为下载，因此直到关闭该连接并接收要扫描的流后才将其发布给浏览器。禁用此选项可以解决此问题。我已经提交了错误报告，但其他防病毒系统可能也是如此。

感谢您的建议，并帮助大家:)

JavaScript EventSource SSE无法在浏览器中触发

相关阅读

相关文章

相关问答

相关工具

相关文档