03-界面说明

界面说明

整体布局

┌──────────────────────────────────────────────────────────────┐
│  ◆ SignalR调试助手  v1.0                       ⚫ 未连接     │ ← 头部栏
├────────────┬─────────────────────────────────────────────────┤
│ 模式选择    │  ┌─ 日志输出区 ─────────────────────────────┐  │
│ ○ 客户端   │  │ [10:23:45] [TX] {"type":1,"target":...} │  │
│ ○ 服务端   │  │ [10:23:45] [RX] {"type":1,"target":...} │  │
│            │  └──────────────────────────────────────────┘  │
│ 连接设置    │  ┌─ 状态栏 ─────────────────────────────────┐  │
│ URL        │  │ TX: 256 │ RX: 512    [重置] [清除] [导出]│  │
│ (服务端:   │  └──────────────────────────────────────────┘  │
│  端口      │───────────────────────────────────────────────│
│  路径)     │  发送区                                         │
│ 编码       │  方法名 [____________]                          │
│ [连接/监听] │  ┌──────────────────────────────────────────┐  │
│            │  │ 发送编辑框                                │  │
│ 订阅管理    │  └──────────────────────────────────────────┘  │
│ (客户端)   │  ☐ Hex发送 ☐ Enter发送 [行尾▼] [发送]      │
│ ┌────────┐ │  ☐ 自动发送 间隔 [1000] ms                   │
│ │订阅列表 │ │                                               │
│ │[添加]  │ │                                               │
│ │[取消]  │ │                                               │
│ └────────┘ │                                               │
│            │                                               │
│ 客户端列表  │                                               │
│ (服务端)   │                                               │
│            │                                               │
│ 显示设置    │                                               │
│ 数据可视化  │                                               │
└────────────┴─────────────────────────────────────────────────┘

模式选择

模式	说明
SignalR 客户端	连接 SignalR Hub 服务器，调用方法、订阅推送
SignalR 服务端	监听本地端口，接受客户端连接

连接设置

字段	说明
URL	SignalR Hub URL，如 `ws://localhost:5000/chatHub`

服务端模式

字段	说明
端口	监听端口
路径	Hub 路径
编码	字符编码

订阅管理（客户端模式）

功能	说明
订阅输入框	输入要订阅的方法名
添加订阅	将方法名加入订阅列表
订阅列表	显示所有已订阅的方法
取消订阅	选中方法后移除

订阅后，服务端调用该方法时，消息在日志中会以特殊格式高亮显示。

发送区（客户端模式）

字段	说明
方法名	Hub 方法名，对应 `target` 字段
发送编辑框	JSON 格式的参数，对应 `arguments` 数组

其他界面元素

特性	说明
字体	Consolas 等宽字体
TX 颜色	🟡 金色 — 发送的 SignalR JSON 消息
RX 颜色	🟢 青色 — 接收的 SignalR JSON 消息
SYS 颜色	⚪ 灰色 — 系统消息（连接/断开/错误）
右键菜单	复制选定行 / 复制全部

状态栏

元素	说明
TX: xxx bytes	累计发送字节数
RX: xxx bytes	累计接收字节数
重置计数	清零 TX/RX 计数器
清除日志	清空日志列表
导出	导出日志为 TXT 或 CSV 文件

发送区

控件	说明
Hex发送	勾选后以十六进制解析发送
Enter发送	勾选后按 Enter 即发送
行尾	追加换行符：无、`\n`、`\r`、`\r\n`
自动发送	勾选后按间隔循环发送
间隔(ms)	自动发送间隔

显示设置

控件	说明
十六进制显示	以十六进制展示数据
显示时间戳	每条日志前显示时间
自动滚动	新日志自动滚到底部
行间距 / 字号	调整显示密度