假设需要通过SignalR发送消息通知,并在前端接收消息通知的功能
创建SignalR服务
在项目中引用
abp add-package Volo.Abp.AspNetCore.SignalR
在Module文件中添加对模块依赖
[DependsOn(
...
typeof(AbpAspNetCoreSignalRModule)
)]
public class IdentityApplicationModule : AbpModule
创建接口INotificationHub
public interface INotificationHub
{
// 发送消息
Task ReceiveTextMessageAsync(SendNotificationDto input);
}
也可以不创建接口,AbpHub类,定义了泛型和非泛型的类型。
创建NotificationHub类,继承AbpHub。
可以直接继承Microsoft.AspNetCore.SignalR.Hub,但是这样就不能使用已注入的属性,如 CurrentUser
/// <summary>
/// SignalR消息Hub
/// </summary>
[HubRoute("signalr/Identity/notification")]
[Authorize]
[DisableAuditing]
public class NotificationHub : AbpHub<INotificationHub>
{
}
发送SignalR消息
在需要调用的地方注入IHubContext,并初始化
private readonly IHubContext<NotificationHub, INotificationHub> _hubContext;
public NotificationAppService(IHubContext<NotificationHub, INotificationHub> hubContext)
{
_hubContext = hubContext;
}
使用下面的方式发送给指定用户或者所有用户
public async Task SendMessageToUsersAsync(List<string> userIds, SendNotificationDto sendNotificationDto)
{
await _hubContext.Clients
.Users(userIds.AsReadOnly().ToList())
.ReceiveTextMessageAsync(sendNotificationDto);
}
public async Task SendMessageToAllAsync(SendNotificationDto sendNotificationDto)
{
await _hubContext.Clients.All.ReceiveBroadCastMessageAsync(sendNotificationDto);
}
配置Ocelet网关
为/signalr/identity/路由创建转发规则
当SignalR开始连接时,首先发送协商协议请求,协商协议返回availableTransports告诉客户端支持哪些协议,以及connetcionId和connectionToken,这两个值会在后续的连接中使用。
在当前路由配置下,请求地址是:/signalr/identity/negotiate,此http请求会通过网关转发到IdentityServer。
在Gateway项目的appsettings.json中配置网关转发规则,如下:
"Routes": [
{
"DownstreamPathTemplate": "/signalr/identity/{everything}",
"DownstreamScheme": "http",
"DownstreamHostAndPorts": [
{
"Host": "localhost",
"Port": 44368
}
],
"UpstreamPathTemplate": "/signalr/identity/{everything}",
"UpstreamHttpMethod": [ "Put", "Delete", "Get", "Post" ]
},
...
除此之外还要配置ws协议的转发规则,SignalR首先尝试建立WebSocket连接,WebSocket是 SignalR的最佳传输方式,配置如下:
{
"DownstreamPathTemplate": "/signalr/identity/{everything}",
"DownstreamScheme": "ws",
"Priority": 1,
"DownstreamHostAndPorts": [
{
"Host": "localhost",
"Port": 44368
}
],
"UpstreamPathTemplate": "/signalr/identity/{everything}",
"UpstreamHttpMethod": [ "Put", "Delete", "Get", "Post" ]
},
创建SignalR客户端
客户端安装取决于你的UI框架/客户端类型。若使用Asp.NetCore MVC或Razor,请参考abp官方文档
这里补充其他UI框架的使用方法。在webpackage项目中添加对SignalR的依赖
yarn add @microsoft/signalr
创建一个hubConnection
在main.js中添加如下代码
const hubConnection: signalR.HubConnection = new signalR.HubConnectionBuilder()
.withUrl(baseURL + requestUrl, {
headers: header,
accessTokenFactory: () => getAccessToken(),
transport: signalR.HttpTransportType.WebSockets,
logMessageContent: true,
logger: signalR.LogLevel.Information,
})
.withAutomaticReconnect()
.withHubProtocol(new signalR.JsonHubProtocol())
.build();
accessTokenFactory回调用于获取access_token的,会在每次请求时调用以保证获取最新的access_token。
连接服务
在需要使用的地方调用hubConnection方法
hubConnection.start() //开始连接
hubConnection.stop() //停止连接
订阅消息
hubConnection.on("ReceiveTextMessage", (newMsg) => {
console.info("new msg recived!", newMsg)
});
身份验证
WebSockets不支持自定义Header,所以不能使用Authorization,需要使用access_token参数传递令牌
客户端
在客户端中配置getAccessToken,如下:
const getAccessToken: Function = (): string => {
var token = UserModule.token !== undefined ? UserModule.token : "";
return token;
}
UserModule.token是当前登录用户的token,需要在登录成功后保存到UserModule中。
服务端
在服务端中,若已经使用了IdentityServer,则需要在Startup中配置IdentityServerAuthentication,配置如下:
context.Services.AddAuthentication("Bearer")
.AddIdentityServerAuthentication(options =>
{
options.Authority = configuration["AuthServer:Authority"];
options.ApiName = configuration["AuthServer:ApiName"];
options.RequireHttpsMetadata = Convert.ToBoolean(configuration["AuthServer:RequireHttpsMetadata"]);
options.TokenRetriever = (request) =>
{
var path = request.Path;
if (path.StartsWithSegments("/signalr"))
{
var accessToken = request.Query["access_token"].FirstOrDefault();
if (!accessToken.IsNullOrWhiteSpace())
{
return accessToken;
}
}
return TokenRetrieval.FromAuthorizationHeader().Invoke(request);
};
});
如果你适用IISExpress运行项目,注意此时SignalR的url参数可能过长而报告404.15 - Query String Too Long,IIS默认限制是2048,需要在C:\Windows\System32\inetsrv\config\applicationHost.config中配置maxQueryString规则,如下:
<configuration>
<system.webServer>
<security>
<requestFiltering>
<requestLimits maxQueryString="4096" />
</requestFiltering>
</security>
</system.webServer>
</configuration>