EventSource 开源项目使用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00502/article/details/141319452

EventSource 开源项目使用教程

eventsourceServer-sent events for Go项目地址:https://gitcode.com/gh_mirrors/even/eventsource

项目介绍

EventSource 是一个用于实现服务器发送事件（Server-Sent Events, SSE）的开源项目。SSE 是一种允许服务器向浏览器推送实时更新的技术。EventSource 项目提供了一个简单易用的接口，使得开发者可以轻松地在 Web 应用中实现实时通信功能。

项目快速启动

安装

首先，你需要将项目克隆到本地：

git clone https://github.com/antage/eventsource.git

运行示例

进入项目目录并运行示例代码：

cd eventsource
npm install
npm start

客户端代码

在你的 HTML 文件中引入 EventSource：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>EventSource 示例</title>
</head>
<body>
    <div id="event"></div>
    <script>
        if ('EventSource' in window) {
            var source = new EventSource('/events');
            source.onmessage = function(event) {
                document.getElementById('event').innerHTML += event.data + '<br>';
            };
        }
    </script>
</body>
</html>

服务器端代码

在服务器端，你需要设置一个路由来发送事件：

const express = require('express');
const app = express();

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

    setInterval(() => {
        res.write(`data: ${new Date().toISOString()}\n\n`);
    }, 1000);
});

app.listen(3000, () => {
    console.log('服务器运行在 http://localhost:3000');
});