Built upon Blazor WASM, and the SignalR .NET Client - this talk details SignalR, covering the what, the why, the how, from platforms to hubs, transports and protocols, specs, source code and more.

1. SignalR
Above & Beyond Chat

2. Hi, I’m David Pine 👋🏽
Host of “The .NET Docs Show”
Work in DevRel @Microsoft
@davidpine7
https://github.com/IEvangelist
https://davidpine.net

3. SignalR ❗
Open-source
Real-time Functionality
Server ↔ Client

4. SignalR ❓
benefits:
Are we
there yet?
use cases:
Real-time
* 🎉

5. Platforms
JavaScript Client (IE 11)
.NET Client (Android & iOS)
Java Client (Java 8 or later)
C++ 3rd Party Implementation
Swift 3rd Party Implementation

6. Startup.ConfigureServices
public void ConfigureServices(
IServiceCollection services)
{
// 🤘
services.AddSignalR();
}

7. Startup.Configure
public void Configure(
IApplicationBuilder app,
IHostingEnvironment env)
{
app.UseEndpoints(endpoints =>
{
// 🤘🤘
endpoints.MapHub<ChatHub>("/chat");
});
}

8. ☁ Startup.ConfigureServices
public void ConfigureServices(
IServiceCollection services)
{
// 🤘
services.AddSignalR()
.AddAzureSignalR(); // Azure 🤘
}

9. Hubs
The SignalR Hub is the
proxy between server
and client(s)

10. ChatHub.Broadcast
public async Task Broadcast(string message)
{
await Clients.All // 👈
.SendAsync("Broadcast", message);
}

11. ChatHub.Echo
public async Task Echo(string message)
{
await Clients.Caller // 👈
.SendAsync("Echo", message);
}

12. ChatHub.SendToOthers
public async Task SendToOthers(string message)
{
await Clients.Others // 👈
.SendAsync("SendToOthers", message);
}

13. ChatHub.SendToGroup
public async Task SendToGroup(
string groupName, string message)
{
await Clients.Group(groupName) // 👈
.SendAsync("GroupMessage", message);
}

14. ChatHub.DirectMessage
public async Task DirectMessage(
string userId, string message)
{
await Clients.User(userId) // 👈
.SendAsync("DirectMessage", message);
}

15. Transports
WebSockets 🔩
Server-sent Events ✨
Long Polling 🔁

16. Protocols
“The SignalR protocol is a protocol for two-way RPC over any
message-based transport”
JSON (text-based) MessagePack (binary) BlazorPack (binary)

17. SignalR Core: 📖 Specs
Hub protocol Transport protocol
https://github.com/dotnet/aspnetcore/tree/main/src/SignalR/docs/specs

18. GitHub </>
source
code…
bit.ly/signalr-chatapp

19. 👀 { demo() }

20. Resources
bit.ly/signalr-chatapp
Thank you 🙏🤘