Нова функція Server-Sent Events у .NET 10

Microsoft у .NET 10 представила одну з найцікавіших можливостей — Server-Sent Events (SSE). Ця технологія дозволяє передавати події безпосередньо з сервера клієнту без використання WebSockets, SignalR чи вебхуків. Для розробників API та вебзастосунків це може значно спростити роботу з потоковою передачею даних у реальному часі.

Що таке Server-Sent Events?

Server-Sent Events (SSE) дозволяють серверу надсилати оновлення клієнту через єдиний HTTP GET-запит. Обмін даними є одностороннім: інформація надходить тільки від сервера до клієнта.

Це особливо корисно у випадках:

• Біржові тікери та фінансові дані в реальному часі

• Відстеження замовлень в e-commerce

• Системи сповіщень та стрічки активності

• Онлайн-дашборди й моніторинг

Реалізація SSE у .NET 10

Розглянемо приклад із використанням minimal API у .NET 10. Ми створимо ендпоінт /live-orders, який транслюватиме клієнтам нові замовлення в реальному часі.

Крок 1: Визначення ендпоінта

app.MapGet("/live-orders", async (HttpContext context, CancellationToken token) => { var orders = GetOrdersAsync(token); return Results.Extensions.ServerSentEvents(orders); });

Крок 2: Створення потоку даних

Використовуємо IAsyncEnumerable, щоб постійно генерувати та відправляти об’єкти замовлень:

async IAsyncEnumerable<SseItem<FoodOrder>> GetOrdersAsync( [EnumeratorCancellation] CancellationToken cancellationToken) { var generator = new OrderGenerator(); while (!cancellationToken.IsCancellationRequested) { await Task.Delay(2000, cancellationToken); yield return new SseItem<FoodOrder>( data: generator.CreateOrder(), eventId: Guid.NewGuid().ToString(), eventType: "order", retry: TimeSpan.FromMinutes(1) ); } }

• Data (у нашому випадку — FoodOrder)

• Event ID

• Тип події (щоб клієнт міг їх фільтрувати)

• Інтервал повторного підключення (якщо з’єднання перерветься)

Крок 3: Використання SSE у браузері

Сучасні браузери підтримують SSE через API EventSource. Потрібно лише кілька рядків JavaScript:

const eventSource = new EventSource("/live-orders"); eventSource.addEventListener("order", (event) => { const order = JSON.parse(event.data); const list = document.getElementById("orders"); const item = document.createElement("li"); item.textContent = `${order.name} - $${order.price}`; list.appendChild(item); }); eventSource.onerror = (error) => { console.error("Помилка з’єднання:", error); };

Чому варто використовувати SSE замість WebSockets чи SignalR?

Хоча WebSockets і SignalR підтримують двостороннє спілкування, у багатьох випадках достатньо лише передачі даних від сервера до клієнта.

Переваги SSE:

• Простота — працює поверх HTTP, без додаткових бібліотек

• Легкість — менше навантаження порівняно з WebSockets

• Підтримка браузерами — працює «з коробки»

• Надійність — автоматичне перепідключення у разі обриву

Для сценаріїв, де потрібна лише одностороння передача даних, SSE є відмінним рішенням.

Висновок

Нова функція Server-Sent Events у .NET 10 робить створення застосунків із даними в реальному часі простішим та ефективнішим. Вона чудово підходить для фінансових дашбордів, систем замовлень чи сповіщень.

SSE — це легка альтернатива SignalR та WebSockets у випадках, коли двостороння комунікація не потрібна.

А тепер головне питання: Чи плануєте ви замінити частину своїх рішень на WebSockets або SignalR за допомогою SSE у .NET 10?