Building Real-Time Applications With SignalR & .NET 7
Vložit
- čas přidán 27. 07. 2024
- Get the source code for this video for FREE → the-dotnet-weekly.ck.page/sig...
☄️ Master the Modular Monolith Architecture: bit.ly/3SXlzSt
📌 Accelerate your Clean Architecture skills: bit.ly/3PupkOJ
🚀 Support me on Patreon to access the source code: / milanjovanovic
SignalR is probably the most enjoyable library to work with in .NET. You can add real-time functionality to your application for notifications, chat, and async data updates. What's not to like?
SignalR is also easy to work with since there's just one concept - the Hub class. And everything builds on top of it.
Adding Real-Time Functionality To .NET Applications With SignalR
www.milanjovanovic.tech/blog/...
SignalR in dotnet tested with Postman
www.rafaagahbichelab.dev/arti...
Join my weekly .NET newsletter:
www.milanjovanovic.tech
Using Postman with SignalR WebSockets Development
trailheadtechnology.com/using...
Read my Blog here:
www.milanjovanovic.tech/blog
Subscribe for more:
/ @milanjovanovictech
Chapters
0:00 Installing the SignalR NuGet package
0:59 Creating your first SignalR Hub
3:34 Exposing the Hub from the API
4:04 Connecting to SignalR with Postman WebSocket Request
6:02 Calling the Hub message from the client
7:48 Creating a strongly typed hub
9:41 Calling client methods from the server side with IHubContext - Věda a technologie
Get the source code for this video for FREE → the-dotnet-weekly.ck.page/signalr-intro
Want to master Clean Architecture? Go here: bit.ly/3PupkOJ
Want to unlock Modular Monoliths? Go here: bit.ly/3SXlzSt
Thanks. Did you just type it out manually at the end of the message?
@@ugochukwuumerie6378 I also dont know if that is a closed square bracket.
Very nice 😂😂
Thanks
Nicely narrated. I do like the strongly typed hub section a lot, you stand out with that one from the rest of the field. The postman part is also a nice touch.
Much appreciated! And glad you enjoyed it it
You make brilliant content! I'm new to SignalR and now i know how to start development. Thank you!
Happy to hear that! Check out part 2 also: czcams.com/video/O7oaxFgNuYo/video.html
Thank you Milan for this introductory video. I'm just learning the SignalR and this video helped me a lot. Also, It's great to see the best trilogy of WoW displayed background :D
I wish I could go back in time and replay that trilogy 😁
For those who want to know, the final character in message is the 30 of ASCII table
There are a few blog posts in the description to check it out
Helpful, thank you.
You're the best! Links to another video in the end are very useful! Thank you for these videos.
Glad you like them!
There is also the experimental "Microsoft.AspNetCore.SignalR.Client.SourceGenerator" package that allows you to generate clients based on the interface for a typed client and a interface describing the methods on the hub. Comes in handy with Blazor since it can just register a component which implements the typed client interface - automatically setting up the handlers. And then you can use the proxy to call the hub methods.
That's new for me
I installed it, but i dont know how to use it? there is a tutorial of this package??
@@superjosefer21 Search for the package name on Google, and you will find blog articles. Basically, you need to add some attributes used by the generator. I have a project but I can’t share links here.
Strict to the point, thank you very much for sharing this knowleadge.
Glad it was helpful!
Great video and Great share!!! Perfect explanation of signalR. Thank you for sharing
Glad you liked it!
@@MilanJovanovicTech yes. It is a great library.
I look at some examples and I needed this lesson
Very simple and helpful explanation. Thank you.
Glad it was helpful!
Thank you Milan for this great video.
My pleasure!
Thank you very much for this short tutorial. I have practically no idea about C# and signalr. This video helped a lot.
Glad it was helpful!
Thanks for the great video. I got a question. When you mapped the broadcast endpoint, couldn't you have used the SendMessage method on your hub?
I used a typed hub context, so no
Thank you and stay awesome too!
Stay awesome 🏆
Great video, I am curious if you planned on discussing the grouping functions of signalr at any point? I would love to see some follow up videos on the topic.
I'll definitely do a follow-up, with building out some UI
Great Tutorial!!
Glad it was helpful!
A better example would be to create two frontend applications(React/Blazor) and have them talk to each other or sending events from frontend to backend or vice-versa.
Maybe, but I didn't want to introduce UI apps
😅you could as well make those videos since you got the idea😂
How did you set up your visual studio to display all those options when you press ctrl + space or after typing . (dot)?
Like you get all the possible function overrides in a list.
ReSharper
@@MilanJovanovicTech Thanks
SignalR seems very cool. Just waiting for the right project to come my way. Would be interested to see your take on implementing the client side.
I'm planning some Blazor content, so this will be ideal
Thank you for the overview, was well and quickly explained. For the example I whished you'd had shown a short example which makes more sense, like sending a continous heartbeat to the clients which communicate server health. Doing always A->B action mapping is not an enlightening example in my opinion (posting to the endpoint to trigger the WS push).
Check out the next video: czcams.com/video/O7oaxFgNuYo/video.html
this is a great tutorial, thank u.
how would u recommend to use signalr in clean architecture project (that uses services not mediator) ?
Hide the Hub behind an interface, and create it in the Infrastructure projdct
What extension is it that lets your autocomplete show all the possible overloads of the function you are calling?
just type "override"
Maybe ReSharper
thanks for explaining the main points, I would like to hear about error handling in the hub methods.
Noted!
@@MilanJovanovicTechnice. Realy enjoy your videos, keep it on!
I think that if we using endpoint to send message, we can use [Authorize] attribute on it instead of putting attribute on Hub method, yes? Sorry for sometimes bad english, I am not native speaker
The [Authorize] on the Hub is for clients connecting to the Hub
Signalr is great. But i always wondered how notifications are done. Like for mobile apps also when they aren't running (maybe a background task with the app). With Emails you probably have an Email notification service somewhere in the backend for handling all the emails from the different services. But how could i handle push notifications?
Not sure just guessing, that relates to the mobile side development. Once the mobile app receives the message it should populate it as a notification using the Android/iOS notification service.
It wouldn't work - the client will need to be connected. For a proper notification you need a service that supports it, whole 'nother story...
Push notifications on the client side are handled by an android background service or an IOS background service. Your server has to send the notification to APNS(for IOS) and or FCMS(for Android). You could use something like the GoRush server as a service in your backend infra and have your application server send notifications via HTTP to the GoRush server for push notis.
SignalR is for in-app realtime behavior and data, not push notifications.
@@jeremiahgavin9687 ohh never heard of that thank you so much.
I have a scenario where the front application needs to communicate with the API and the API communicates with a desktop application on the client machine, the same using the front. The API sends data from a document that needs to be issued by hardware, government stuff. The API when sending needs to receive the response from the hardware, is it possible? What do you suggest for this scenario?
If you can run SignalR on that hardware, it should be possible
@@MilanJovanovicTech we have a desktop app that omunicate with that hardware, this app will receive the server notificatio, process comunication with hardware than send the response
Where is the Hub class? My builder is not declared correctly, the program is messy. Do you have the complete solution available to download?
Hub comes from SignalR
Hi Milan. How would you use SignalR with clean architecture and DDD? The way I see it: some domain entity raises a domain event, the event is saved to the database OnSavingChangesAsync using the outbox pattern. Then some background worker like Quartz picks up that event, and uses correct handler in application layer. Now, how should I reference the Hub in the application layer? Because I feel like using IHubContext is a leaky abstraction. Maybe a better approach would be to use an interface like IMessageSender, that would be implemented in infrastructure layer, and then IHubContext could be injected without polluting the application layer?
You can hide it behind a service interface, liek INotificationService. In the NotificationService implementation you can use IHubContext
Excellent !
Many thanks!
Hi Milan. I currently want to build a chat module api to be integrated into a mobile App. Is SignalR the best option for one-to-one real time chatting.
It's good, but not that offline clients won't receive messages
hey I had a minor question that how should i add token auth in the signalr hub
learn.microsoft.com/en-us/aspnet/core/signalr/authn-and-authz?view=aspnetcore-7.0
Smart man, the only World of Warcraft trilogy that needs to be on display.
Everything after that is just... 🥲
Hi Milan just a quick question that it is sending request every 10 sec is it bad for performance??
No, not really
I belive you can configure the keep alive ping time. I don't recall if it's a hub setting or a connection setting.
Great! 👍
Thank you! Cheers!
Thank you very much for this tutorial Milan.
I did the same except for installing the SignalR client package. When I connect from postman I only receive one message saying that it's connected, but the ChatHub class breakpoint does not hit in VS !!!
Did you get it working eventually?
@@MilanJovanovicTech no
Same
Was this issue ever resolved?
@@StephenKorow did not try again
Interesting topic, not something I have delved into yet but definitely on the list as I can see the potential usecases. What's a typical approach for identifying users (assuming JWT auth in use with userid/nameidentifier) and directing a message to a specific user?
Just pass the JWT in Auth header and should work fine
@@MilanJovanovicTech does the hub somehow hold the user claim data for each connected client so you can then say issue message to user with username x based on a username value coming from elsewhere in the app?
@@mylesdavies9476 Check out my blog post, this section specifically:
www.milanjovanovic.tech/blog/adding-real-time-functionality-to-dotnet-applications-with-signalr#sending-messages-to-a-specific-user
TLDR; Yes - it does hold user info, and I explained how it extracts the User ID.
@@MilanJovanovicTech ah that looks perfect! Nice and simple then, thanks 🙂
in my Postman shows that hub is connected successfully, but OnConnectedAsync is NOT invoked, accordingly no messages can be sent
Probably the special character and/or message format
Yes, Even I am facing the same issue. Did you figure it out the fix?
I ran into an issue where postman says it's connected and shows the message sent but there is no message received and my breakpoint in OnConnectedAsync doesn't get hit.
Checked the pinned comment? And the examples in description?
The examples show the NULL ASCII char being used for the end of the postman request, the one you need to use is the "ASCII code 30 = RS ( Record separator )" character. This fixed it for me.
Got it, thanks.
hey, can you help me with this one ? i tried both "rs" and "?" from the blog and still have the same issue
@@user-yv7vi6nv1f Check pinned comment
How can I use signalr to video calls or voice calls?
No idea, you'll have to do some research
Hmm.. I can't get this to work. I downloaded the code, thank you very much for that, and when I run it, the message never hits the breakpoints. I tried both the project you supplied, as well as recreating it from scratch. Not sure what I'm doing wrong.
Could be the wildcard character? (that's what most folks have trouble with)
Planning on doing a demo on how to use SignalR when the server has more than one instance (load balancing)? SignalR is quite friendly when the enviroment only have one instance, but when two... the trouble emerge :/
Good suggestion!
Nice can you also do a video on handling messages after a message has already been broadcasted but the user was disconnected at the time of the broadcast.
It's lost in that case
Worth to mention: methods with optional parameters (I mean those with default value eg. int i = 0) may be ignored by your hub with strongly-typed client interface.
This is what I was struggling with for long hours..
That's quite interesting. As in - the Hub won't send the default values?
Can you please make a video on event streaming also where we can leverage the h2 instead of h1.1 on signalR, since net7 already supports upto h3
What are h1/h3?
Sorry i should've been verbose...
h1 => HTTP 1.1
h2 => HTTP 2
h3 => HTTP3 over QUIC
Maybe someone could help me finding that ASCII character? i copied one from Milan's pinned comment, but it still doesnt work, im connected , but my breakpoint is not activated
Should be this:
If not, check here: trailheadtechnology.com/using-postman-with-signalr-websockets-development/
Great video , i did followed you but i go struck instep 4.04 , i only see sen't messages , i don't see received messages
Did you manage to hit the OnConnectedAsync method?
@@MilanJovanovicTech i found my error and i fixed it, thank you, your next videoi hope you will connect reactjs with this api
what is the shortcut of null termination character ?
Helpful in general
we can do this without installing the library as well. so why installlibrary explicitly?
To make a point
OnConnectedAsync method is not being called when I am connecting to hub successfully
You ain't doing it right 😅
@@MilanJovanovicTech I have exact same code :D
tried with postman as you did but only got connected message also debugger didn't hit. No receiveing message at all.
Many other comments are also related to this issue. If possible kindly take a look :)
I updated the pinned comment to include the ASCII character ' '
The examples show the NULL ASCII char being used for the end of the postman request, the one you need to use is the "ASCII code 30 = RS ( Record separator )" character. This fixed it for me.
Really nice demo. However (like every other demo) you send to all users. What app needs to do this in the real world!? We send to specific users....and that doesn't seem to work
Just need to pass in an Auth header, and get the user with Clients(userId): www.milanjovanovic.tech/blog/adding-real-time-functionality-to-dotnet-applications-with-signalr#sending-messages-to-a-specific-user
In postman its saying connected but its not hitting my break point in: public override async Task OnConnectedAsync()
Check the blog post for the message format
If you solved the problem, please tell me how. Same situation.
@@user-ux6qe9et4x Read the entire blog carefully, I missed the key information when I skimmed read it. In addition, I found IAmTimCorey signalR video more useful for my level. it goes in depth and shows the other side of signalR using HubConnectionBuilder etc. instead of using Postman.
I have the same problem, if you solved can you help me?
Which laptop do u use for .NET development?
I use a desktop PC
@@MilanJovanovicTech any laptop u suggest?
@@ranjanpandey2225 Newer generation(Last 3 years, newer is better) Intel i5 or i7, last 2 years of AMD mobile chips(6000 series and up). Gaming laptops are usually the best bang for buck performance wise although the majority of them have terrible battery life.
I Got error message after I connected to the hub {"error":"Handshake was canceled"}
Probably the incorrect token
I have applicationA and applicatioB, from applicationB send message to applicationA is this is possible
Yes
Thank you for this great video i understand vary good .but in postman he gave me that he connected to my url and send argument but gave me error: handshake was cancelled
Try something different? 🤔
@@MilanJovanovicTech
i change api project to razor like example in microsoft document then open two window it work ! so where is the problem in api project 😂😂
Sir please make video on how send it to specific user using end point of API
Covered that in the new video
Make sure you've properly installed the role for Web Server (IIS) -> Web Server -> Application Development -> WebSocket Protocol before attempting to follow this tutorial if your remote server hasn't be fully configured yet.
🤔
Does Signalr compatible with DDD? HOW
It's infrastructure, so what does it matter?
I see you started by referencing the client package. I don't think that was needed for this demo, since you were only using the server components. The client package adds the ability for a C# client like Blazor or Maui or whatever client.
What's the correct one to use then?
Somebody has to make a video about how to send a message to a specific user😂
In the meantime: www.milanjovanovic.tech/blog/adding-real-time-functionality-to-dotnet-applications-with-signalr#sending-messages-to-a-specific-user
its very simple , you just need his connectionid , wich u can store in ur dbo. or you cand send to a group wich the user has registered
I hit postman but not goes to end point hub
Wellp, something is wrong
@@MilanJovanovicTech I thing this ASCII code not running
It took to a whole 4hours to solve this issue: I don't know what the last character might but please make sure you include it or else you won't be able to connect:
{"protocol":"json","version":1}
All messages need to end with a null termination character, which is just the ASCII character 0x1E.
www.milanjovanovic.tech/blog/adding-real-time-functionality-to-dotnet-applications-with-signalr
@@MilanJovanovicTech oh okay. Thanks
Great stuff!
Which tools do you use for editing the video's? How do you add in the emojis and how do you make the beautiful code snippets in your blog?
What's your recording style / preparation? Copy over / paste snippets? How do you prepare?
- Premiere Pro, recording in OBS
- Emojis are just images 🤷♂️
- Code snippets for blog are markdown, and then parsed into HTML using a rehype plugin, theme is 'shades of purple'
- Preparation depends on topic, sometimes a few days, sometimes no preparation when I know the topic from heart
- I type everything live while recording
@@MilanJovanovicTech Thanks! Live :O I thought you'd record the code first and then voice over, the pacing is amazing.
& I want to congratulate you on all you've accomplished so far!
At the start I was a bit skeptical since you're not at the experience level of Derek Comartin or Jason Taylor but you're doing the media thing way better.
And it seems that your career popped off on the back of Jason Taylor's clean architecture template. Which is fine, you beat most people to it. Well done all around!
@@kis.stupid Record + voiceover is really fu***** difficult for editing...
Thanks a lot on the congrats! I appreciate you :)
I may not have experience in years like they do, but I have a lot of hands on experience, and I study a lot, so that makes up for it to some extent.
You haven't explain how to get record separate character
Check the pinned comment
@@MilanJovanovicTech hey, there is no pinned comment
@@lasindunuwanga5292 Should be now!
@@MilanJovanovicTech thank you
🇺🇸
🇷🇸
Something missing here. Just followed this exactly and it doesn't work :(
Probably the wildcard character?
what wildcard char ?@@MilanJovanovicTech
OMG. Every example of SignalR is a damn chat app example. Is that all SignalR is good for. It's like showing a code example with how to write a line of code to print Hello World. Geeezzz. How about SignalR with data from a database. Anything other than just a damn chat example.
Make a better one
Why does that matter lol. It shows basics of sinalR framework, if you want to learning db connection go elsewhere, it is not database tutorial, mate
ı WANNA SEE YOUR BOOKS
Not writing any
First Viewer 😅
🥳
Thanks for the video, in my personal opinion the video didn't add value compared to the thousands of blog posts covering the same example, i would suggest something more advanced like one to one communication with identity, i mean in real world, if you gonna receive a notification or message, it's probably gonna be for you and not a broadcast, just saying 🤷
I still have to make something beginner friendly from to time
@@MilanJovanovicTech there's enough beginner friendly tutorials out there, that's my opinion 🤷
Very rushed tutorial.
You're among the few to say so
I'm not getting a response in Postman🥲I launch the application from the controller, but I don't see it in Postman. I downloaded your source code and ran it, but it didn't work in Postman. Help
It's the format of the message being sent from Postman... Check this article www.rafaagahbichelab.dev/articles/signalr-dotnet-postman for the wildcard character
This could be really good to use with arduino...any tutorials on that ? Thanks for this video.
Nope