02-快速开始
快速开始
SignalR 客户端 — 连接 Hub
需要一个运行中的 SignalR Hub 服务端(ASP.NET Core 或其他实现)。
连接步骤
- 选择 SignalR 客户端 模式(默认)
- 填入服务端 URL:
| 参数 | 值 |
|---|---|
| URL | ws://localhost:5000/chatHub |
- 点击 连接
- 连接成功后状态灯变绿
订阅方法
- 在左侧 订阅管理 区域:
- 输入要订阅的方法名(如
ReceiveMessage) - 点击 添加订阅
- 当服务端调用此方法时,消息将显示在日志区
调用服务端方法
- 在发送区:
- 方法名 栏输入 Hub 方法名(如
SendMessage) - 发送区输入 JSON 参数:
{ "user": "Alice", "message": "Hello SignalR!" } - 点击 发送
SignalR 服务端 — 创建本地 Hub
- 选择 SignalR 服务端 模式
- 填入参数:
| 参数 | 值 |
|---|---|
| 端口 | 5000 |
| 路径 | /chatHub |
- 点击 监听
- 客户端可连接到
ws://localhost:5000/chatHub
SignalR JSON 消息格式
{
"type": 1,
"invocationId": "0",
"target": "SendMessage",
"arguments": [
{
"user": "Alice",
"message": "Hello!"
}
]
}
type: 1= 调用target= Hub 方法名arguments= 方法参数数组
订阅确认
服务端推送的方法调用:
{
"type": 1,
"target": "ReceiveMessage",
"arguments": [
{
"user": "Bob",
"message": "Hi Alice!"
}
]
}
快速提示
- SignalR 使用
\x1E(Record Separator)作为消息分隔符 - 每条消息以
\x1E结尾,程序自动处理 - 订阅的方法未添加时,服务端推送的消息仍会显示但不会被特殊处理
- 可以在 Hex 显示 中查看原始 SignalR 帧格式