SignalR integration for ASP.NET Boilerplate - signalr

Question

I'm working on an ASP.NET Boilerplate project. I want to integrate SignalR properly to this project.
There is the documentation, but I want to know the flow of SignalR, when sending notifications from the back-end to the front-end. Any sample code or suggestions are appreciated.

Answer 1

ASP.NET Boilerplate is open-source, so you can look at the code on GitHub.
From the documentation: Abp.AspNetCore.SignalR package implements IRealTimeNotifier.
The code below is for ASP.NET Core & jQuery version, but the flow is the same for other versions.
On the back-end, NotificationDistributer injects and calls IRealTimeNotifier:
await RealTimeNotifier.SendNotificationsAsync(userNotifications.ToArray());
SignalRRealTimeNotifier implements SendNotificationsAsync, which gets the online clients for each user and invokes the client-side method with the userNotification as a parameter:
var onlineClients = _onlineClientManager.GetAllByUserId(userNotification);
foreach (var onlineClient in onlineClients)
{
var signalRClient = _hubContext.Clients.Client(onlineClient.ConnectionId);
signalRClient.InvokeAsync("getNotification", userNotification);
}
The SignalR client registers for getNotification and triggers 'abp.notifications.received' with the notification as a parameter:
connection.on('getNotification', function (notification) {
abp.event.trigger('abp.notifications.received', notification);
});
The module-zero-core-template has main.js that registers a notification handler:
abp.event.on('abp.notifications.received', function (userNotification) {
abp.notifications.showUiNotifyForUserNotification(userNotification);
}
showUiNotifyForUserNotification formats and shows the notification on the front-end:
abp.notifications.showUiNotifyForUserNotification = function (userNotification, options) {
var message = abp.notifications.getFormattedMessageFromUserNotification(userNotification);
var uiNotifyFunc = abp.notifications.getUiNotifyFuncBySeverity(userNotification.notification.severity);
uiNotifyFunc(message, undefined, options);
}