JavaScript 中 SSE 怎么实现服务器端事件的实时消费-js教程-PHP中文网

SSE适合服务端单向推送场景，如日志流、通知和状态更新；其核心是HTTP长连接，服务端按text/event-stream格式输出data:等字段事件流，客户端用EventSource自动重连监听。

javascript 中 sse 怎么实现服务器端事件的实时消费

SSE（Server-Sent Events）是一种基于 HTTP 的单向实时通信机制，服务器主动向浏览器推送事件，适合日志流、通知、状态更新等场景。实现关键在于服务端按规范输出特定格式的响应流，客户端用 EventSource 订阅并监听。

服务端：按 SSE 格式持续输出事件流

服务器需设置正确的响应头，并保持连接打开，以文本流方式发送事件。每条事件必须以 data: 开头，可选 event:、id: 和 retry: 字段，每条消息以双换行符分隔。

响应头必须包含 Content-Type: text/event-stream 和 Cache-Control: no-cache
避免响应体被缓冲（如 Node.js 中调用 res.flush() 或设置 res.write 后立即刷新）
每条事件末尾加两个换行符（\n\n），否则浏览器不会触发 message 事件
示例（Express）：

app.get('/events', (req, res) => {
  res.writeHead(200, {
    'Content-Type': 'text/event-stream',
    'Cache-Control': 'no-cache',
    'Connection': 'keep-alive'
  });

  // 模拟每秒推送一条数据
  const interval = setInterval(() => {
    const data = JSON.stringify({ time: new Date().toISOString() });
    res.write(`data: ${data}\n\n`);
  }, 1000);

  req.on('close', () => {
    clearInterval(interval);
    res.end();
  });
});

客户端：用 EventSource 建立连接并监听事件

EventSource 是浏览器原生 API，自动重连（默认 3 秒），支持 message、自定义事件名和 error 监听。

Java调试

通过 JDWP 实现 Java 远程调试：连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。术语注解 JDWP：Java Debug Wire Protocol，Java 调试有线协议（Java 远程调试底层通信协议） remote JVM：远程 Java 虚拟机 step through code：代码单步调试（步入 / 步过 / 步出调试） inspect variables：变量查看 / 变量检视 stac

下载

创建实例时传入 SSE 接口地址，自动发起 GET 请求
监听 message 事件接收无 event: 字段的默认事件；用 addEventListener('xxx') 接收自定义事件
可通过 eventSource.close() 主动关闭连接
注意跨域问题：若接口跨域，服务端需添加 Access-Control-Allow-Origin 响应头

const eventSource = new EventSource('/events');

eventSource.onmessage = (e) => {
  console.log('收到消息:', JSON.parse(e.data));
};

eventSource.addEventListener('update', (e) => {
  console.log('自定义 update 事件:', e.data);
});

eventSource.onerror = (err) => {
  console.error('SSE 连接出错', err);
};