4.2 KiB
4.2 KiB
title, description
| title | description |
|---|---|
| 实时事件(Socket.IO) | 事件清单、房间规则,以及新增一个实时事件要同时改哪三处。 |
实时事件(Socket.IO)
连接
io(url, { auth: { token } }); // 握手阶段用 JWT 鉴权
客户端断线由 Socket.IO 自动重连。教室机器断线期间的变更,重连后靠各页重新拉取补齐
(客户端在检测到服务器恢复时会触发 onServerRecovered);灵动岛的上课时段暂存通知由服务端保留、
下课后补发,不依赖重连。
事件清单
事件名定义在 @classhelper/shared 的 SOCKET_EVENTS —— 不要手写字符串。
| 事件 | 方向 | 载荷 |
|---|---|---|
connected |
服务端 → 客户端 | { userId, role, rooms } |
notification:new |
服务端 → 客户端 | NotificationDto |
homework:new |
服务端 → 客户端 | HomeworkDto |
homework:updated |
服务端 → 客户端 | HomeworkDto & { deleted?: boolean } |
homework:status |
服务端 → 客户端 | HomeworkStatusDto & { classId } |
grade:updated |
服务端 → 客户端 | GradeDto |
schedule:updated |
服务端 → 客户端 | { classId, action, schedule? } |
class:updated |
服务端 → 客户端 | { classId, action } |
call:new |
服务端 → 客户端 | 叫人消息(定向到 user:{studentId} / 班级设备) |
class:join / class:leave / ping |
客户端 → 服务端 | 手动订阅班级(服务端二次校验权限) |
房间规则
房间名定义在 SOCKET_ROOMS:
| 房间 | 谁在里面 |
|---|---|
class:{classId} |
这个班的所有在线端 |
user:{userId} |
某个用户自己的连接 |
teacher:{teacherId} |
某个教师 |
role:{role} |
某一角色(ADMIN / TEACHER …) |
students |
全部 ClassHelper 班级端连接 |
teachers |
全部教师端连接 |
服务端通过 realtime/bus.ts 的 emitToClass / emitToUser 发事件 ——
业务模块不直接依赖 Socket.IO 实例,只依赖事件总线。
新增一个实时事件要改三处
① 服务端 shared/src/constants.ts 的 SOCKET_EVENTS 加常量
→ business service 调 bus.emitToXxx(...)
→ realtime/socket.ts 房间映射(如果需要新房间)
② Web 端 web-admin/src/stores/realtime.ts 订阅
③ 客户端 desktop-client/src/renderer/stores/realtime.ts 订阅
→ 灵动岛也依赖它(renderer/island/bridge.ts)
只改服务端不会报错,只是前端静静地不更新 —— 所以这三处必须一起改。 事件名一律取自共享常量,不要手写字符串(拼错一个字就是一个静默失效)。
事件到达之后发生什么
以通知为例:
服务端写库 → bus.emitToClass(classId, notification:new)
├─► Web 端 stores/realtime.ts → 通知列表刷新
└─► 客户端 stores/realtime.ts → 更新内存状态 + 写回 IndexedDB
└─► island/bridge.ts → pushNotificationToIsland()
└─► 主进程 IslandController 决定:隐藏 / 胶囊 / 详情
└─► 灵动岛渲染进程 IslandApp.vue
上课时段的取舍(隐藏还是立即展开)由主进程的 IslandController 按当前上课状态决定,
见通知与提醒与灵动岛。