메뉴
Implements real-time WebSocket communication and SignalR hub subscriptions. Use when: Adding real-time updates, broadcasting state changes, implementing client subscriptions, or configuring WebSocket connections in Blazor WASM.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Builds REST APIs, SignalR hubs, and ASP.NET Core Web API applications. Use when: Creating controllers, configuring middleware, setting up dependency injection, implementing background services, or working with the API layer.
Develops Blazor WebAssembly single-page applications with component-based UI. Use when: Creating/modifying .razor components, managing component state, handling SignalR subscriptions, or working with MudBlazor UI components.
Writes C# code following VanDaemon conventions and clean architecture patterns Use when: Creating services, entities, controllers, or plugins in the VanDaemon codebase
Configures containerization with Docker and Docker Compose for VanDaemon. Use when: building containers, configuring docker-compose, deploying to Docker environments, troubleshooting container networking, or setting up multi-container applications.
Configures .NET 10 projects, builds, and manages C# runtime. Use when: building/running the solution, adding projects, managing NuGet packages, configuring Docker containers, or troubleshooting build issues.
Writes fluent, readable test assertions and validations using FluentAssertions library. Use when: Writing unit tests, validating service responses, asserting domain entity states, testing collections and async operations.
| name | signalr |
| description | Implements real-time WebSocket communication and SignalR hub subscriptions. Use when: Adding real-time updates, broadcasting state changes, implementing client subscriptions, or configuring WebSocket connections in Blazor WASM. |
| allowed-tools | Read, Edit, Write, Glob, Grep, Bash |
Real-time communication in VanDaemon uses SignalR for WebSocket-based updates between the .NET API and Blazor WASM frontend. The hub at /hubs/telemetry broadcasts tank levels, control states, and alerts to subscribed client groups. Background services poll hardware every 5 seconds and push changes via IHubContext.
// src/Backend/VanDaemon.Api/Hubs/TelemetryHub.cs
public class TelemetryHub : Hub
{
public async Task SubscribeToTanks()
{
await Groups.AddToGroupAsync(Context.ConnectionId, "tanks");
}
public async Task SubscribeToControls()
{
await Groups.AddToGroupAsync(Context.ConnectionId, "controls");
}
public async Task SubscribeToAlerts()
{
await Groups.AddToGroupAsync(Context.ConnectionId, "alerts");
}
}
// Inject IHubContext<TelemetryHub> in background service
await _hubContext.Clients.Group("tanks").SendAsync(
"TankLevelUpdated", tankId, currentLevel, tankName, cancellationToken);
// In Blazor component
_hubConnection = new HubConnectionBuilder()
.WithUrl($"{_apiBaseUrl}/hubs/telemetry")
.WithAutomaticReconnect()
.Build();
_hubConnection.On<Guid, double, string>("TankLevelUpdated", (id, level, name) =>
{
// Update UI state
InvokeAsync(StateHasChanged);
});
await _hubConnection.StartAsync();
await _hubConnection.InvokeAsync("SubscribeToTanks");
| Concept | Usage | Example |
|---|---|---|
| Hub | Server endpoint for connections | TelemetryHub : Hub |
| Groups | Broadcast to subset of clients | Groups.AddToGroupAsync(connectionId, "tanks") |
| IHubContext | Broadcast from services | _hubContext.Clients.Group("tanks").SendAsync(...) |
| On | Client-side event handler | _hubConnection.On<Guid, double>("TankLevelUpdated", ...) |
| WithAutomaticReconnect | Resilient connections | .WithAutomaticReconnect() |
When: Different clients need different update types.
// Client subscribes only to what it needs
await _hubConnection.InvokeAsync("SubscribeToTanks");
await _hubConnection.InvokeAsync("SubscribeToControls");
// Server broadcasts to specific group
await _hubContext.Clients.Group("controls").SendAsync(
"ControlStateChanged", controlId, newState, controlName);
When: UI needs to reflect connection status.
_hubConnection.Closed += async (error) =>
{
_isConnected = false;
await InvokeAsync(StateHasChanged);
};
_hubConnection.Reconnected += async (connectionId) =>
{
_isConnected = true;
await _hubConnection.InvokeAsync("SubscribeToTanks");
await InvokeAsync(StateHasChanged);
};