How do I implement Server-Sent Events in my web application?

How do I implement Server-Sent Events in my web application?

To implement Server-Sent Events (SSE), you need to set up a server that sends updates to the client over HTTP.

What server technologies can I use for SSE?

You can use Node.js, Python with Flask, or any server that supports HTTP streaming.

Can you show me a simple example of SSE in Node.js?

Sure! Here's a basic example:

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().toLocaleTimeString()}\n\n`);
  }, 1000);
});

app.listen(3000, () => console.log('SSE server running on port 3000')); 

How do I handle reconnections on the client side?

On the client side, you can use the EventSource API, which automatically handles reconnections. Just create a new EventSource instance with the URL of your SSE endpoint.