.NET 6 Blazor 🔥 Chat with SignalR using WebSockets

---

Table of Contents:
00:00:00 Intro
00:02:18 Create the Project (Blazor WebAssembly ASP.NET Core hosted)
00:03:15 Add the SignalR NuGet Package
00:04:11 Create a SignalR Hub
00:08:52 Add Services & the ResponseCompression
00:11:09 Add the SignalR Hub Endpoint
00:12:09 AddRazor Component Code to the Index Page
00:22:39 Implement the HTML Part (Input Field, TextArea, Buttons, ...)
00:28:29 Send a Chat Message with "Enter"
00:29:30 Test the Chat App
00:33:00 Show the Username on Connect & on Disconnect
00:39:28 Another Test of the Chat App
00:40:43 Scroll to Bottom Implementations
00:46:24 Create the GitHub Repository
00:46:40 Outro

🙏MANY THANKS TO THESE LOVELY PEOPLE:
Joaquim
Alain Legrand
Per Rieland
@prodrigu75
Greg
Brendan Maunder
Stageoner
Andrew Campbell
pascalditzfeld
PovilasSimanskas
Ameet Jayawant
jenö
Marco Otilli
Mark
FastTrak
l33ter
alibux
@mgrainger231
Luke Vincent
mrcl
Alain Legrand
Thomas Werner
István Csibor
Grant Burdon
@GianluigiConti
Gerrit Esmeijer
Illia
Németh-Pók István
Michael Mel
Marko Zdilar
GerryB
@DADA_universe
Domen Hren
@heroesch
Carey
Peter De Tender
Baris Keskin
@Big_Bear_27390
Mathias
walter e watkins
Günther Dassel
Axel
Josh
Daniel Huber
Fredric Adell
Juan Carlos
Manolis
Pajani
P.
Jonas Granlund
Bobby
Kristina
@xamarin007

#SignalR #Blazor #PatrickGod

[saadbilal]

Great video. Can you make another more in-depth video on SignalR with authorization implemented? In this way you can send messages to a particular client. It would be great if you could implement the group feature as well. Thanks

[oveskhan]

This is amazing, Please also create video on how to debug Blazor app and WebAPI

[MarcusRedmann]

Great Tutorial. Now i can start my own work with SignalR

[mzriryh]

Excellent. you are a very very good teacher, excellent one. I really enjoyed.

[labebe]

Great video Patrick! Thank you so much!

[muralikrishnachowdarypolin]

Good video we looking forward to more videos on signalR 👍

[DanielTames]

Excelent video man! I really appreciate all your work!

[muralikrishnachowdarypolin]

hi please provide any documentation about sending real time messages to user to user i refer so many documents but all are shown same examples like clients.all.send if suppose I tried clients.User(userid).send but how to implement for client to catch single user messages

[jonasgranlund]

Hi Patrick, a few years ago I made a Line of business app for an insurance company in Sweden where I used SignalR together with knockoutJs to disable buttons for saving while one of the workers already had started with the claims process. It would be very nice and useful to see something similar with Blazor, where a clickevent "Start to process customer" or something will make it so everyone else that open that customer will have that button disabled until the "Save changes" button is clicked by the first user. :) I like this pro active way of not letting users overwrite their individual data changes, compared to Optimistic concurrency failure when the second change arrive towards db with wrong eTag (CosmosDb). An alterative way would be to push the changes from first user, towards all users that have the same object in their browser so it pushes changes but I don't like that solution as much. :)

[Saveaaa]

thanks for the example. is it possible to notify clients about new data using minimal api?

[fadidib]

what luck i wanted to search for videos about web assembly using signalR. thanks alot!

[ricksanchez]

how does running the server, that executes the program.cs on that project, actually loads the client application and renders the blazor wasm? sorry im confused :D Great Vid BTW!

[exception_]

Hello, can you tell me to develop a messenger like a telegram, it's better to use SignalR or regular web sockets?

[franymyersbriggs]

Can Blazor web assembly have a signal IR hub and communicate to other clients running the app so it’s decentralized?

[rivaldovola]

love you videos. how about a blazor push nofication app?

[rivaldovola]

Hey Pat!! how are you? Question i'm want to build a email api service. where a app sends the body, to, from ect info to the mail api and sends the mail. now where i'm having issues is: I want to send a JWT token to make sure the user is authorized to send a mail. lets say I have the token how can I authorize the user? there should be a authentication header to send via httpclient but it doesnt seem to work or i'm not doing it right. idk if ur willing to help i'm just shooting my shot here lol. BTW fan from Suriname, South America

[陈志成-yw]

HubConnection StartAsync() not useful in pattern(error 405), url maybe what to modification

[souravsingha]

Build chat with database and identity framework.

[JakubSK]

Dude you’re the only person using Blazor😂

[unknwnrge]

I thought God was your nickname since you say jesus all the time, but I see your mom gave u birthname god, amazing, at least in name you are in heavens.