Layer: L6 Presentation ยท Build flags: none (core; SSE is on by default)
What this example teaches
Server-Sent Events is the simplest way to push data to a browser: a long-lived text/event-stream response over which the server emits named events whenever it likes. This example registers an SSE endpoint, greets each subscriber, and broadcasts a counter to all of them once a second.
Registering the endpoint + greeting one subscriber. on_sse(path, cb) makes /events an SSE endpoint; the connect callback fires per new subscriber, where pc_sse_send() pushes to just that client:
void pc_sse_connect(uint8_t pc_sse_id) {
server.pc_sse_send(pc_sse_id, "subscribed", "tick");
}
server.on_sse("/events", pc_sse_connect);
Broadcasting to everyone. From loop(), pc_sse_broadcast(path, data, event) sends to every subscriber of that endpoint - here a counter every second:
char buf[24]; snprintf(buf, sizeof(buf), "%lu", n++);
server.pc_sse_broadcast("/events", buf, "tick");
The third argument names the event, so the browser listens with ‘source.addEventListener('tick’, ...). Each subscriber occupies one connection slot for the life of the stream (capped atMAX_SSE_CONNS). The test page at/ opens anEventSource` and appends each tick.
For SSE over TLS, see SecureWebSocket; for full bidirectional messaging, see WebSocket.
Build and run
pio ci --board=esp32dev --project-option="framework=arduino" \
--lib="." examples/L6-Presentation/ServerSentEvents/ServerSentEvents.ino
Flash, then browse to http://<ip>/ and watch the counter stream in.
Annotated source
The complete sketch (ServerSentEvents.ino), reproduced verbatim with added explanatory comments:
static const char *SSID = "YOUR_SSID";
static const char *PASSWORD = "YOUR_PASSWORD";
static const char PAGE[] = "<!doctype html><meta charset=utf-8><title>SSE</title><pre id=o></pre><script>"
"var s=new EventSource('/events');"
"s.addEventListener('tick',function(e){o.textContent+=e.data+'\\n'})</script>";
void pc_sse_connect(uint8_t pc_sse_id)
{
server.pc_sse_send(pc_sse_id, "subscribed", "tick");
}
void setup()
{
Serial.print("Connecting to WiFi");
{
delay(250);
Serial.print('.');
}
Serial.printf("IP: %u.%u.%u.%u\n", (unsigned)(ip & 0xFF), (unsigned)((ip >> 8) & 0xFF),
(unsigned)((ip >> 16) & 0xFF), (unsigned)((ip >> 24) & 0xFF));
server.on_sse("/events", pc_sse_connect);
}
void loop()
{
static unsigned long last = 0;
static unsigned long n = 0;
if (millis() - last >= 1000)
{
last = millis();
char buf[24];
snprintf(buf, sizeof(buf), "%lu", n++);
server.pc_sse_broadcast("/events", buf, "tick");
}
}
Single-port HTTP server with deterministic, zero-allocation execution.
void send(uint8_t slot_id, int code, const char *content_type, const char *payload)
Send an HTTP response with a body and close the connection.
int32_t begin(const WebServerConfig *cfg=nullptr)
Initialize all connection slots and open all registered listeners.
void on(const char *path, HttpMethod method, Handler callback)
Register a route handler.
void handle()
Drive the server - call every Arduino loop() iteration.
bool init_wifi_physical(const char *, const char *)
Connect to a WiFi access point.
uint32_t pc_net_egress_ip(void)
IPv4 (network byte order) of the current egress interface, or 0 if none.
bool wifi_ready()
True if the WiFi station link is up (associated + an IP is assigned).
Layer 1 (Physical) - link bring-up and live egress-interface reporting.
Layer 7 (Application) - public HTTP routing API.
@ HTTP_GET
Safe, idempotent read.
Fully-parsed HTTP/1.1 request.