onmessage 函数不会为事件源触发



我已经使用快速模块在node.js中创建了一个服务器。它公开一个 get api,该 api 用于通过始终保持活动状态的开放连接定期向客户端发送事件。

const cors = require('cors');
const app = express();
app.use(cors());
const port = 3001;
app.get('/sse-server', function (request, response) {
response.status(200).set({
"connection": "keep-alive",
"cache-control": "no-cache",
"content-Type": "text/event-stream"
});
let data = { name: "Mithoon Kumar"}
setInterval(()=>{ response.write(JSON.stringify(data));}, 0)
})
app.listen(port, () => console.log(`Example app listening on port ${port}!`))

我还在node中创建了一个客户端.js该客户端使用eventsource接收服务器发送的事件

console.log("EventSource", EventSource);
const eventSource = new EventSource('http://127.0.0.1:3001/sse-server');
eventSource.onopen = (event) => {
console.log("event", event);
};
eventSource.onerror = (error) => {
console.log("error", error);
}
eventSource.onmessage = (message) => {
console.log("message", message);
}

问题是消息方法永远不会被触发。如果我在 chrome 浏览器中打开链接 (http://127.0.0.1:3001/sse-server(,它会在页面上显示消息。

显然,EventSource只使用其文档中定义的特定格式。如本例所示,消息数据应以data: [YOUR_DATA]nn格式发送。

你应该在服务器端使用这样的东西:

app.get('/event-stream', (req, res) => {    
res.status(200).set({
"connection": "keep-alive",
"cache-control": "no-cache",
"content-Type": "text/event-stream"
});
let data = { name: "Mithoon Kumar" }
const intervalId = setInterval(() => {
res.write(`data: ${JSON.stringify(data)}nn`);
}, 1000);
req.on('close', () => {
clearInterval(intervalId);
});
});

我编辑了服务器写入数据的行并开始工作。 setInterval(((=>{ response.write(data: Hello world!nn(}, 0(

最新更新