SignalR is a real-time communication library in ASP.NET that allows server-side code to push content to connected clients instantly — without the client having to request it (i.e., no polling). It’s ideal for chat apps, notifications, live dashboards, etc. How SignalR Works (Step-by-Step) Connection Establishment: A client (JavaScript, .NET, or other) connects to the SignalR hub endpoint (e.g., /chatHub).SignalR automatically negotiates the best available transport method: WebSockets (best)Server-Sent Events (for browser clients)Long Polling (fallback) Hub Communication: Server defines a Hub class that inherits from Hub.Clients call server methods (e.g., SendMessage) using the SignalR connection.The server can call back to specific or all clients using Clients.All.SendAsync(...), Clients.Caller, Clients.Others, etc. Real-Time Messaging: Messages are serialized and sent over the connection instantly.Clients receive the message and execute corresponding JavaScript/.NET methods. Key Components Component Description Hub Central server-side class for SignalR logic. Clients API to send messages to connected clients. Connections Each client has a unique connection ID. Groups Logical grouping of clients (e.g., for rooms). Example Server-side (C#): public class ChatHub : Hub { public async Task SendMessage(string user, string message) { await Clients.All.SendAsync("ReceiveMessage", user, message); } } Client-side (JavaScript): const connection = new signalR.HubConnectionBuilder() .withUrl("/chatHub") .build(); connection.on("ReceiveMessage", function (user, message) { console.log(`${user}: ${message}`); }); await connection.start(); await connection.invoke("SendMessage", "Anna", "Hello world!"); Security SignalR uses authentication (e.g., cookies, JWT tokens).You can restrict access to methods using [Authorize]. Use Cases Chat applicationsStock market/live score updatesMultiplayer gamesNotifications (in-app or push)Collaborative tools (like Google Docs)

interview

home / developersection / interviews / how signalr work?

Ask Question

How SignalR work?

ICSM Computer 157 18-Jun-2025

c# signalr

Updated on 18-Jun-2025

ICSM Computer

IT-Hardware & Networking

Ravi Vishwakarma is a dedicated Software Developer with a passion for crafting efficient and innovative solutions. With a keen eye for detail and years of experience, he excels in developing robust software systems that meet client needs. His expertise spans across multiple programming languages and technologies, making him a valuable asset in any software development project.

Can you answer this question?

Answer

1 Answers

ICSM Computer

18-Jun-2025

SignalR is a real-time communication library in ASP.NET that allows server-side code to push content to connected clients instantly — without the client having to request it (i.e., no polling). It’s ideal for chat apps, notifications, live dashboards, etc.

How SignalR Works (Step-by-Step)

Connection Establishment:
- A client (JavaScript, .NET, or other) connects to the SignalR hub endpoint (e.g., /chatHub).
- SignalR automatically negotiates the best available transport method:
  - WebSockets (best)
  - Server-Sent Events (for browser clients)
  - Long Polling (fallback)
Hub Communication:
- Server defines a Hub class that inherits from Hub.
- Clients call server methods (e.g., SendMessage) using the SignalR connection.
- The server can call back to specific or all clients using Clients.All.SendAsync(...), Clients.Caller, Clients.Others, etc.
Real-Time Messaging:
- Messages are serialized and sent over the connection instantly.
- Clients receive the message and execute corresponding JavaScript/.NET methods.

Key Components

Component	Description
Hub	Central server-side class for SignalR logic.
Clients	API to send messages to connected clients.
Connections	Each client has a unique connection ID.
Groups	Logical grouping of clients (e.g., for rooms).

Example

Server-side (C#):

public class ChatHub : Hub
{
    public async Task SendMessage(string user, string message)
    {
        await Clients.All.SendAsync("ReceiveMessage", user, message);
    }
}

Client-side (JavaScript):

const connection = new signalR.HubConnectionBuilder()
    .withUrl("/chatHub")
    .build();

connection.on("ReceiveMessage", function (user, message) {
    console.log(`${user}: ${message}`);
});

await connection.start();
await connection.invoke("SendMessage", "Anna", "Hello world!");

Security

SignalR uses authentication (e.g., cookies, JWT tokens).
You can restrict access to methods using [Authorize].

Use Cases

Chat applications
Stock market/live score updates
Multiplayer games
Notifications (in-app or push)
Collaborative tools (like Google Docs)

interview

How SignalR work?

ICSM Computer

Can you answer this question?

1 Answers

How SignalR Works (Step-by-Step)

Key Components

Example

Server-side (C#):

Client-side (JavaScript):

Security

Use Cases

Liked By