/sse

Server Send Event

Primary LanguageHTMLMIT LicenseMIT

Server Send Event

服务端向客户端推送消息。

服务端

服务端采用长连接的方式。

// 响应头
"Content-Type": "text/event-stream",
Connection: "keep-alive",
"Cache-Control": "no-cache",

客户端

客户端使用 EventSource 接收通知。

// 接收服务端的通知

const events = new EventSource("/events");
events.onmessage = (event) => {
  const parsedData = JSON.parse(event.data);
  setFacts((facts) => facts.concat(parsedData));
};

启动服务

启动服务

pnpm install pnpm serve

浏览器打开多个 Tab 页,访问地址:

http://127.0.0.1:3001/web/index.html

参看文献