【SignalR学习系列】6. SignalR Hubs Api 详解（C# Server 端）

如何注册 SignalR 中间件

为了让客户端能够连接到 Hub ，当程序启动的时候你需要调用 MapSignalR 方法。

下面代码显示了如何在 OWIN startup 类里面定义 SignalR Hubs 路由。

using Microsoft.Owin;
using Owin;

[assembly: OwinStartup(typeof(MyApplication.Startup))]
namespace MyApplication
{
public class Startup
{
public void Configuration(IAppBuilder app)
{
// Any connection or hub wire up and configuration should go here
app.MapSignalR();
}

}
}

 

The /signalr URL

默认情况下，客户端都是通过 "/signalr" 路由地址来连接到你的 Hub，你也可以修改不使用默认的 "/signalr"。

服务端代码指定Url

app.MapSignalR("/signalrTest", new HubConfiguration());

JavaScript 客户端代码指定Url

<script src="signalrTest/hubs"></script>

var chat = $.connection.chatHub;
chat.url = "/signalrTest";

 .NET 客户端代码指定Url

var Connection = new HubConnection("http://localhost:8080/signalrTest");

 

如何创建并使用 Hub 类

为了创建 Hub 类，你需要创建一个继承于 Microsoft.Aspnet.Signalr.Hub 的类

public class ContosoChatHub : Hub
{
public void NewContosoChatMessage(string name, string message)
{
Clients.All.addNewMessageToPage(name, message);
}
}

 

JavaScript 端的 Hub 名字

Server （驼峰命名法，第一个字母可以为大写也可以为小写）

public class ContosoChatHub : Hub

JavaScript （不管 Server 端第一个字母为大小还是小写，JavaScript 客户端必须是小写，不然就找不到对应的 Hub）

var contosoChatHubProxy = $.connection.contosoChatHub;

 当使用 特性 HubName命名 Hub 的名字，那么 Server 端和 Client 端的 Hub 名大小写必须保持一致。

 Server （如果 HubName 指定的第一个字母为大写，那么 JavaScript 端也必须为大写。如果是小写，那么 JavaScript 端也必须为小写）

[HubName("PascalCaseContosoChatHub")]
public class ContosoChatHub : Hub

JavaScript 

var contosoChatHubProxy = $.connection.PascalCaseContosoChatHub;

 

强类型的 Hub

 定义一个接口 T，让你的 Hub 类继承于 Hub<T>，这样就可以指定你的客户端可以调用的方法，也可以在你的 Hub 方法里开启代码提示。

public class StrongHub : Hub<IClient>
{
public void Send(string message)
{
Clients.All.NewMessage(message);
}
}

public interface IClient
{
void NewMessage(string message);
}

 

如何在 Hub 类里定义客户端可以调用的方法

如果需要暴露一个可以在客户端调用的方法，那么需要在 Hub 里定义一个 public 的方法，如下所示。

public class ContosoChatHub : Hub
{
public void NewContosoChatMessage(string name, string message)
{
Clients.All.addNewMessageToPage(name, message);
}
}

public class StockTickerHub : Hub
{
public IEnumerable<Stock> GetAllStocks()
{
return _stockTicker.GetAllStocks();
}
}

你可以指定方法的参数和返回类型，包含复杂类型和数组。这些数据在客户端和服务端会使用 Json 来进行传输，SignalR 会自动绑定复杂类型对象和数组对象。

 

Hub 里的方法名（非客户端方法名）

Server （驼峰命名法，第一个字母可以为大写也可以为小写）

public void NewContosoChatMessage(string userName, string message)

JavaScript （不管 Server 端第一个字母为大小还是小写，JavaScript 客户端必须是小写，不然就找不到对应的 方法）

contosoChatHubProxy.server.newContosoChatMessage(userName, message);

使用特性 HubMethodName 指定方法名，那么 Server 端和 Client 端的 方法名大小写必须保持一致。

Server 端

[HubMethodName("PascalCaseNewContosoChatMessage")]
public void NewContosoChatMessage(string userName, string message)

JavaScript 端

contosoChatHubProxy.server.PascalCaseNewContosoChatMessage(userName, message);

 

如何在 Hub 类中调用客户端的方法

你可以在 Hub 类方法中使用 Clients 属性来调用客户端的方法

Server 端

public class ContosoChatHub : Hub
{
public void NewContosoChatMessage(string name, string message)
{
Clients.All.addNewMessageToPage(name, message);
}
}

JavaScript 端

contosoChatHubProxy.client.addNewMessageToPage = function (name, message) {
// Add the message to the page.
$('#discussion').append('<li><strong>' + htmlEncode(name)
+ '</strong>: ' + htmlEncode(message) + '<li>');
};

你不能从客户端得到一个返回值，比如 

int x = Clients.All.add(1,1) 是没有用的。

你可以给参数指定复杂类型和数组类型，如下所示。

Sever 端

public void SendMessage(string name, string message)
{
Clients.All.addContosoChatMessageToPage(new ContosoChatMessage() { UserName = name, Message = message });
}

public class ContosoChatMessage
{
public string UserName { get; set; }
public string Message { get; set; }
}

JavaScript 代码

var contosoChatHubProxy = $.connection.contosoChatHub;
contosoChatHubProxy.client.addMessageToPage = function (message) {
console.log(message.UserName + ' ' + message.Message);
});

 

指定哪些客户端接收信息

所有连接的客户端

Clients.All.addContosoChatMessageToPage(name, message);

只是 Calling 的客户端

Clients.Caller.addContosoChatMessageToPage(name, message);

所有连接的客户端除了 Calling 的客户端

Clients.Others.addContosoChatMessageToPage(name, message);

通过 connection ID 指定特定的客户端

Clients.Client(Context.ConnectionId).addContosoChatMessageToPage(name, message);

通过 connection ID 排除特定的客户端

Clients.AllExcept(connectionId1, connectionId2).addContosoChatMessageToPage(name, message);

指定一个特殊组

Clients.Group(groupName).addContosoChatMessageToPage(name, message);

指定一个特殊组，并且排除特定 connection ID 的客户端

Clients.Group(groupName, connectionId1, connectionId2).addContosoChatMessageToPage(name, message);

指定一个特殊组，但是排除 calling

Clients.OthersInGroup(groupName).addContosoChatMessageToPage(name, message);

通过 userId 指定一个特殊的用户，一般情况下是 IPrincipal.Identity.Name

Clients.User(userid).addContosoChatMessageToPage(name, message);

在一个 connection IDs 列表里的所有客户端和组

Clients.Clients(ConnectionIds).broadcastMessage(name, message);

指定多个组

Clients.Groups(GroupIds).broadcastMessage(name, message);

通过用户名

Clients.Client(username).broadcastMessage(name, message);

一组用户名

Clients.Users(new string[] { "myUser", "myUser2" }).broadcastMessage(name, message);

 

大小写不敏感

客户端方法名的调用是大小写不敏感的，比如 Clients.All.addContosoChatMessageToPage 会调用客户端的 AddContosoChatMessageToPage, addcontosochatmessagetopage, or addContosoChatMessageToPage 这些方法。

 

异步执行

public async Task NewContosoChatMessage(string name, string message)
{
await Clients.Others.addContosoChatMessageToPage(data);
Clients.Caller.notifyMessageSent();
}

 

如何使用一个 string 变量作为方法名

如果你需要使用一个 string 作为方法名，那么你需要把 Clients.All (or Clients.Others, Clients.Caller, etc.)  对象赋值给 IClientProxy，然后调用它的 Invoke(methodName, args...) 方法。

public void NewContosoChatMessage(string name, string message)
{
string methodToCall = "addContosoChatMessageToPage";
IClientProxy proxy = Clients.All;
proxy.Invoke(methodToCall, name, message);
}

 

管理组成员关系

Server 端

public class ContosoChatHub : Hub
{
public Task JoinGroup(string groupName)
{
return Groups.Add(Context.ConnectionId, groupName);
}

public Task LeaveGroup(string groupName)
{
return Groups.Remove(Context.ConnectionId, groupName);
}
}

客户端

contosoChatHubProxy.server.joinGroup(groupName);

contosoChatHubProxy.server.leaveGroup(groupName);

异步执行

public async Task JoinGroup(string groupName)
{
await Groups.Add(Context.ConnectionId, groupName);
Clients.Group(groupname).addContosoChatMessageToPage(Context.ConnectionId + " added to group");
}

 

如何在 Hub 类里面捕获和处理连接生命周期事件

public class ContosoChatHub : Hub
{
public override Task OnConnected()
{
// Add your own code here.
// For example: in a chat application, record the association between
// the current connection ID and user name, and mark the user as online.
// After the code in this method completes, the client is informed that
// the connection is established; for example, in a JavaScript client,
// the start().done callback is executed.
return base.OnConnected();
}

public override Task OnDisconnected()
{
// Add your own code here.
// For example: in a chat application, mark the user as offline,
// delete the association between the current connection id and user name.
return base.OnDisconnected();
}

public override Task OnReconnected()
{
// Add your own code here.
// For example: in a chat application, you might have marked the
// user as offline after a period of inactivity; in that case
// mark the user as online again.
return base.OnReconnected();
}
}

 

如何从 Content 里面获取 Clients 信息

Calling 客户端的 connection ID

string connectionID = Context.ConnectionId;

connection ID 是一个由SignalR分配的 GUID  ( 你不能用自己的代码指定 ). 每个连接都有一个 connection ID , 如果你的应用里包含多个 Hubs，那么多个 Hubs也会共用同一个 connection ID .

Http Header 数据

System.Collections.Specialized.NameValueCollection headers = Context.Request.Headers;
System.Collections.Specialized.NameValueCollection headers = Context.Headers;

Query string 数据

System.Collections.Specialized.NameValueCollection queryString = Context.Request.QueryString;
System.Collections.Specialized.NameValueCollection queryString = Context.QueryString;
string parameterValue = queryString["parametername"];

JavaScript 客户端 QueryString

$.connection.hub.qs = { "version" : "1.0" };

这边的 $.connection.hub.qs 不是指你当前的 Hub （$.connection.chatHub.qs）。

Cookies

System.Collections.Generic.IDictionary<string, Cookie> cookies = Context.Request.Cookies;

System.Collections.Generic.IDictionary<string, Cookie> cookies = Context.RequestCookies;

用户信息

System.Security.Principal.IPrincipal user = Context.User;

Request 的 HttpContext 对象

System.Web.HttpContextBase httpContext = Context.Request.GetHttpContext();

 

如何在客户端和服务端传递 State

JavaScript 客户端

contosoChatHubProxy.state.userName = "Fadi Fakhouri";
contosoChatHubProxy.state.computerName = "fadivm1";

Server 端获取，可以使用 Caller 或者 CallerState 两种方式

string userName = Clients.Caller.userName;
string computerName = Clients.Caller.computerName;

string userName = Clients.CallerState.userName;
string computerName = Clients.CallerState.computerName;

 

如何在 Hub 类中捕获异常

使用 try - catch 并记录日志
创建一个能处理OnIncomingError的 Hubs 管道模型

public class ErrorHandlingPipelineModule : HubPipelineModule
{
protected override void OnIncomingError(ExceptionContext exceptionContext, IHubIncomingInvokerContext invokerContext)
{
Debug.WriteLine("=> Exception " + exceptionContext.Error.Message);
if (exceptionContext.Error.InnerException != null)
{
Debug.WriteLine("=> Inner Exception " + exceptionContext.Error.InnerException.Message);
}
base.OnIncomingError(exceptionContext, invokerContext);

}
}

public void Configuration(IAppBuilder app)
{
// Any connection or hub wire up and configuration should go here
GlobalHost.HubPipeline.AddModule(new ErrorHandlingPipelineModule());
app.MapSignalR();
}

使用 HubException 类，抛出异常

public class MyHub : Hub
{
public void Send(string message)
{
if(message.Contains("<script>"))
{
throw new HubException("This message will flow to the client", new { user = Context.User.Identity.Name, message = message });
}

Clients.All.send(message);
}
}

 

启用日志诊断

如果需要启动 Server 端日志，那么需要在 web.config 里面添加一个 system.diagnostics 节点

<system.diagnostics>
<sources>
<source name="SignalR.SqlMessageBus">
<listeners>
<add name="SignalR-Bus" />
</listeners>
</source>
<source name="SignalR.ServiceBusMessageBus">
<listeners>
<add name="SignalR-Bus" />
</listeners>
</source>
<source name="SignalR.ScaleoutMessageBus">
<listeners>
<add name="SignalR-Bus" />
</listeners>
</source>
<source name="SignalR.Transports.WebSocketTransport">
<listeners>
<add name="SignalR-Transports" />
</listeners>
</source>
<source name="SignalR.Transports.ServerSentEventsTransport">
<listeners>
<add name="SignalR-Transports" />
</listeners>
</source>
<source name="SignalR.Transports.ForeverFrameTransport">
<listeners>
<add name="SignalR-Transports" />
</listeners>
</source>
<source name="SignalR.Transports.LongPollingTransport">
<listeners>
<add name="SignalR-Transports" />
</listeners>
</source>
<source name="SignalR.Transports.TransportHeartBeat">
<listeners>
<add name="SignalR-Transports" />
</listeners>
</source>
</sources>
<switches>
<add name="SignalRSwitch" value="Verbose" />
</switches>
<sharedListeners>
<add name="SignalR-Transports"
type="System.Diagnostics.TextWriterTraceListener"
initializeData="transports.log.txt" />
<add name="SignalR-Bus"
type="System.Diagnostics.TextWriterTraceListener"
initializeData="bus.log.txt" />
</sharedListeners>
<trace autoflush="true" />
</system.diagnostics>

 

如何在 Hub 类外面调用客户端方法和管理组

如果需要在 Hub 类外面调用客户端方法和管理组，那么需要获取一个 SignalR context 对象，然后可以通过 context.Clients 对象来操作客户端方法和组。

IHubContext _context = GlobalHost.ConnectionManager.GetHubContext<StockTickerHub>();
_context.Clients.All.updateStockPrice(stock);

 

如何自定义管道模型

SignalR 允许你把自己的代码注入 Hub 管道模型，你可以通过继承 HubPipelineModule 来实现

public class LoggingPipelineModule : HubPipelineModule
{
protected override bool OnBeforeIncoming(IHubIncomingInvokerContext context)
{
Debug.WriteLine("=> Invoking " + context.MethodDescriptor.Name + " on hub " + context.MethodDescriptor.Hub.Name);
return base.OnBeforeIncoming(context);
}
protected override bool OnBeforeOutgoing(IHubOutgoingInvokerContext context)
{
Debug.WriteLine("<= Invoking " + context.Invocation.Method + " on client hub " + context.Invocation.Hub);
return base.OnBeforeOutgoing(context);
}
}

然后在 Startup.cs 里注入自定义的 Hub 管道模型

public void Configuration(IAppBuilder app)
{
GlobalHost.HubPipeline.AddModule(new LoggingPipelineModule());
app.MapSignalR();
}

 

参考链接：
https://docs.microsoft.com/zh-cn/aspnet/signalr/overview/guide-to-the-api/hubs-api-guide-server