02-快速开始

快速开始

SignalR 客户端 — 连接 Hub

需要一个运行中的 SignalR Hub 服务端(ASP.NET Core 或其他实现)。

连接步骤

  1. 选择 SignalR 客户端 模式(默认)
  2. 填入服务端 URL:
参数
URLws://localhost:5000/chatHub
  1. 点击 连接
  2. 连接成功后状态灯变绿

订阅方法

  1. 在左侧 订阅管理 区域:
  2. 输入要订阅的方法名(如 ReceiveMessage
  3. 点击 添加订阅
  4. 当服务端调用此方法时,消息将显示在日志区

调用服务端方法

  1. 在发送区:
  2. 方法名 栏输入 Hub 方法名(如 SendMessage
  3. 发送区输入 JSON 参数:
    {
         "user": "Alice",
         "message": "Hello SignalR!"
       }
  4. 点击 发送

SignalR 服务端 — 创建本地 Hub

  1. 选择 SignalR 服务端 模式
  2. 填入参数:
参数
端口5000
路径/chatHub
  1. 点击 监听
  2. 客户端可连接到 ws://localhost:5000/chatHub

SignalR JSON 消息格式

{
  "type": 1,
  "invocationId": "0",
  "target": "SendMessage",
  "arguments": [
    {
      "user": "Alice",
      "message": "Hello!"
    }
  ]
}

订阅确认

服务端推送的方法调用:

{
"type": 1,
"target": "ReceiveMessage",
"arguments": [
{
"user": "Bob",
"message": "Hi Alice!"
}
]
}

快速提示