Files
EchoChat/docs/progress/CURRENT_STATUS.md
bujinyuan 6e2e792db0 feat(phase2e-2): media-server Task 0/1/2 落地 + 代码审查修复
本次提交一次性落盘 Phase 2e-2 的 Task 0(PoC Spike)、Task 1(骨架 + Fastify 5 升级)
和 Task 2(9 个内部 REST API + code-reviewer 审查修复),覆盖 media-server 子项目
从零到可用的全部工作。

【Task 0 - PoC Spike】
- media-server/poc/:Node + mediasoup + fastify-websocket + 前端 mediasoup-client
- Playwright 双 tab 自动化验证 2 人会议:4 transports / 4 producers / 4 consumers / RSS 61MB
- media-server/docs/poc-notes.md 归档 7 项关键坑 + 启动步骤 + Task 1/2/9 复用映射
- 锁定技术栈:mediasoup + fastify + mediasoup-client,不改用 livekit-server

【Task 1 - 骨架 + Fastify 5 升级】
- 依赖版本:mediasoup@3.19.0 + fastify@5.8.5 + fastify-plugin@5.1.0
           + @fastify/sensible@6.0.4 + @fastify/websocket@11.2.0
           + pino@9.3.2 + zod@3.23.8
- src 五件套:app.ts / config.ts / utils/logger.ts / mediasoup/worker.ts
             / middlewares/internal-auth.ts
- /healthz + /readyz + /internal/info 三端点实测通过
- X-Internal-Token 鉴权用 timingSafeEqual 防侧信道
- mediasoup Worker died 指数退避自愈通过 kill -9 验证
- 多阶段 Dockerfile:非 root + curl HEALTHCHECK + 暴露 40000-40199 UDP/TCP
- Fastify 4 → 5 升级:loggerInstance: logger 消灭两个 pino 实例

【Task 2 - 9 个内部 REST API + 审查修复】
接口全部挂 /internal/v1/* 前缀,覆盖 Router/Transport/Producer/Consumer 完整生命周期:
- POST /routers, DELETE /routers/:id
- POST /transports, POST /transports/:id/connect
- POST /producers, DELETE /producers/:id
- POST /consumers, POST /consumers/:id/resume, DELETE /consumers/:id

工程特性:
- zod 手动 parse + 全局 errorHandler(不引入 fastify-type-provider-zod 避免
  zod v4 依赖冲突)
- AppError 统一错误码(NOT_FOUND/CONFLICT/CAN_NOT_CONSUME/ROUTER_LIMIT_EXCEEDED
  /MEDIASOUP_ERROR/VALIDATION_ERROR/UNAUTHORIZED/INTERNAL_ERROR)
- 所有资源用 Map + observer.once('close') 自清理,Consumer 监听 producerclose 级联关闭
- Consumer 强制 paused:true 创建,/resume 独立接口
- Transport direction 强约束:recv 拒 produce、send 拒 consume

code-reviewer 子代理审查"有条件通过",同步修复:
- M1 _clearXxxMap 新增 src/utils/test-guard.ts#assertTestOnly 守卫(生产误调用抛错)
- M2 新增 src/schemas/rtp.ts 对 rtpParameters / rtpCapabilities 做 codecs 浅层校验
  (mimeType/clockRate/payloadType 必填、codecs ≥1),消除 as unknown as 双跳断言
- m1 connectTransport 改乐观锁:先置位再 await,失败回退
- m2 改读 consumer.producerPaused(更符合 mediasoup 语义)
- m3 producerclose 改为 once(风格一致)
- m5 internal-auth 改为反向白名单 PRIVATE_PATH_PREFIXES = ['/internal/']

验证:
- typecheck / lint 0 错误
- vitest:65 passed / 8 spec 文件
- 覆盖率 stmts 82.87% / branches 75.83% / funcs 91.3% / lines 82.87%
- 9 接口 happy path + 6 类错误路径 curl 手测全部按预期返回

【文档同步】
- CURRENT_STATUS.md +232 行:新增 Task 0/1/2 完整记录 + 代码审查修复章节 + 延后清单
- project-context.mdc:Task 0/1/2 状态同步
- phase2e-2-design.md +20 行:Fastify 5 升级相关决策记录
- phase2e-2-implementation.plan.md +117 行:Task 0/1/2 实际产出 + 修复记录

余下 Minor/Nits(m4/m6~m10/n1~n10)登记至 Task 16 收尾清单一次性清扫。

Made-with: Cursor
2026-04-21 15:31:01 +08:00

69 KiB
Raw Blame History

EchoChat 项目开发进度

最后更新2026-04-21Phase 2e-2 Task 2 media-server 9 个内部 REST API 完成 + 58 个单测 + 80.89% 覆盖率) 当前阶段Phase 2e-2 会议 MVP 代码开发阶段 🚧Task 0-2 / Task 3-16 待执行) 当前分支feature/phase2e-2-meeting-mvp(从 feature/phase2c-group-read-receipt 衍生) Phase 2e 整体设计docs/plans/2026-04-20-phase2e-design.md(三子阶段路线图 + 后续规划清单) Phase 2e-1 专用设计docs/plans/2026-04-20-phase2e-1-design.md 已完成) Phase 2e-1 实施计划docs/plans/2026-04-20-phase2e-1-implementation.plan.md 11 个 Task 全部完成) Phase 2e-1 验证报告test-report-phase2e-1-notification.md Phase 2e-2 专用设计docs/plans/2026-04-21-phase2e-2-design.md📋 设计阶段16 章节) Phase 2e-2 实施计划docs/plans/2026-04-21-phase2e-2-implementation.plan.md📋 17 个 Task 共约 17 人日)


📋 2026-04-21 Phase 2e-2 设计阶段启动

交付物:两份新建文档 + 三份上游文档同步更新,已锁定 Phase 2e-2 会议 MVP 的全部架构决策与实施拆分。

新建文档

文档 规模 核心内容
docs/plans/2026-04-21-phase2e-2-design.md 16 章节 文档定位 / 范围边界 / 11 项关键决策 / 架构 mermaid 3 张 / 数据模型 DDL 3 张 / Go 后端 / Node media-server / 前端 / UI/UX / 通知对接 / 安全性能 / 风险 / 验收 / 衔接 / 关联 / 变更记录
docs/plans/2026-04-21-phase2e-2-implementation.plan.md 17 个 Task Task 0 PoC → Task 16 E2E + 文档同步,共约 17 人日,含依赖拓扑 mermaid

11 项关键决策Plan 模式 5 轮澄清锁定)

编号 决策 选择
D01 部署形态 本机 + 公网双态(环境变量切换)
D02 前端端形 仅 H5 浏览器
D03 Go-Node 协同 Go 主控 + Node 无状态包装(权威状态在 Go
D04 入会前设备预览 MVP 纳入(独立预览页)
D05 加入体验 套餐 C会议号 + 密码 + 邀请链接 + 通知中心 meeting_invite
D06 会议生命周期 host 掉线 2 分钟宽限 + 自动转让(最早加入者)+ 空房 5 分钟 TTL
D07 UI 风格 飞书简洁框架 + EchoChat 原创(流光轮廓 / 柔性网格 / 静音氛围色)
D08 主持人权限 四件套(静音他人 / 移除 / 转让 / 结束)
D09 媒体服务目录 media-server/ 根级子项目
D10 移动端适配 桌面 + 手机双端响应式
D11 会议内聊天 MVP 纳入(独立 meeting_chats24 小时后清理)

数据模型修订(相对总设计)

  • meeting_rooms.passwordpassword_hash VARCHAR(255)bcrypt 哈希替换明文)
  • meeting_rooms 新增 ended_reason结束原因host_ended/empty_ttl/admin_force/system_error
  • meeting_participants 新增 left_reason
  • 新表 meeting_chats(独立于 im_messages24 小时 TTL
  • 新增 Redis keyecho:meeting:invite:{token}(邀请链接)、echo:meeting:host_grace:{code}(主持人宽限期)

上游文档同步

  • docs/plans/2026-04-20-phase2e-design.md §四 精简为引用(指向 2e-2 专用设计 + 实施计划),§五 从 2e-3 范围里移除「会议邀请」(已上移 2e-2
  • .cursor/rules/project-context.mdc 当前进度追加 Phase 2e-2 设计阶段条目
  • 本文件CURRENT_STATUS.md更新头部 + 新增本段

下一步

  • 评审设计文档:由用户 Review 两份新建文档
  • 进入代码开发:评审通过后从 Task 0mediasoup PoC Spike启动预计 17 人日完成 MVP

🚀 2026-04-21 Phase 2e-2 Task 2 Router/Transport/Producer/Consumer 核心内部 REST API 完成

交付media-server/ 的 9 个内部 REST API 全部落地 + zod 请求校验 + AppError 统一错误响应 + observer-close 自清理 + 58 个 vitest 单元/集成测试(覆盖率 80.89%9 接口 happy-path + 6 类错误路径全部手动验证通过。

产出文件

文件 规模 作用
media-server/src/schemas/common.ts 20 行 idStringSchema / roomCodeSchema / userIdSchema / okResponseSchema(共用基础 schema
media-server/src/schemas/router.schema.ts 10 行 createRouterBodySchema + routerIdParamSchema
media-server/src/schemas/transport.schema.ts 30 行 transportDirectionSchema + create/connectTransportBodySchema + DTLS fingerprint 严格校验
media-server/src/schemas/producer.schema.ts 12 行 mediaKindSchema + createProducerBodySchema
media-server/src/schemas/consumer.schema.ts 10 行 createConsumerBodySchema + consumerIdParamSchema
media-server/src/utils/errors.ts 45 行 AppError5 种 code → 404/409/400/500/503 状态码映射)+ notFound / conflict 辅助函数
media-server/src/middlewares/error-handler.ts 55 行 统一错误处理:ZodError→400 / AppError→对应 status / Fastify 4xx 透传 / 未知错误→500
media-server/src/mediasoup/codecs.ts 28 行 MEDIA_CODECSopus + VP8 + H264与 PoC 完全一致)
media-server/src/services/router.service.ts 85 行 Router Map + maxRouters 限制 + observer close 自清理 + 统计接口
media-server/src/services/transport.service.ts 145 行 Transport Map + listenIps 构建announcedIp 可选)+ connect 幂等冲突校验 + 错误包装
media-server/src/services/producer.service.ts 95 行 Producer Map + send-direction 校验recv transport 禁止 produce+ 错误包装
media-server/src/services/consumer.service.ts 130 行 Consumer Map + recv-direction 校验 + router.canConsume 检查 + paused-on-create + producerclose 自动关闭
media-server/src/routes/{router,transport,producer,consumer}.route.ts 共 ~95 行 9 个接口分文件挂载,均调用对应 zod schema.parse + service 层,专注薄 controller
media-server/src/app.ts +18 行 注册 registerErrorHandler + 以 /internal/v1 前缀挂载 4 组路由
media-server/vitest.config.ts + tests/setup.ts - vitest forks pool + 覆盖率 v8 + 自动注入测试 envsilent 日志 + 专用 RTC 端口段 40800-40899
media-server/tests/{schemas,errors,app}.spec.ts + tests/services/*.spec.ts 7 文件 / 58 测试 schemas + AppError + 4 services + HTTP 层集成

9 个内部 REST API 清单(挂载在 /internal/v1

# 方法+路径 成功状态 说明
1 POST /routers 201 创建 mediasoup Router含房间限额检查
2 DELETE /routers/:routerId 200 显式关闭 Routerobserver close 自动清理 map
3 POST /transports 201 创建 WebRtcTransportsend/recv 两方向)
4 POST /transports/:id/connect 200 DTLS connect二次调用返回 409 CONFLICT
5 POST /producers 201 仅允许在 send transport 上创建
6 DELETE /producers/:id 200 显式关闭 Producer
7 POST /consumers 201 仅允许在 recv transportrouter.canConsume 失败 → 400 CAN_NOT_CONSUME创建后 paused=true
8 POST /consumers/:id/resume 200 客户端 transport.consume 成功后调用,避免首帧丢失
9 DELETE /consumers/:id 200 显式关闭 Consumer

统一错误响应格式

Code HTTP 场景
UNAUTHORIZED 401 缺失/错误 X-Internal-Token
VALIDATION_ERROR 400 zod 校验失败body 含 fieldErrors[]{path,code,message}
NOT_FOUND 404 router / transport / producer / consumer id 不存在
CONFLICT 409 重复 connectrecv transport 上尝试 producesend transport 上尝试 consume
CAN_NOT_CONSUME 400 router.canConsume 返回 falsertpCapabilities 不兼容)
ROUTER_LIMIT_EXCEEDED 503 活跃 router 超过 MEDIASOUP_MAX_ROUTERS
MEDIASOUP_ERROR 500 mediasoup 层抛错(透明包装,含 transportId 等 details
INTERNAL_ERROR 500 未分类异常(同时 error 级日志落盘)

测试验收实测

维度 命令 结果
类型校验 npm run typecheck 0 错误
代码规范 npm run lint 0 错误
单测 npm test 58 passed / 0 failed7 个 spec 文件,~900ms
覆盖率 npx vitest run --coverage statements 80.89% / branches 76.03% / functions 90.9% / lines 80.89%(远超 60% 目标)
健康探测 curl /healthz + /readyz 200 + ok:true
鉴权 无/错 token → 401、正确 token → 200 通过
9 接口 happy path 手动 curl见下 通过
错误路径 unknown router→404 / produce on recv→409 / delete unknown→404 / resume unknown→404 / 小写 roomCode→400 / 缺 token→401 全部按预期返回

代码覆盖率明细v8

模块 Stmts 备注
schemas/* 100% 全部 5 个 schema 文件
utils/errors.ts 100% 5 种 AppError code 全覆盖
mediasoup/codecs.ts 100% -
routes/* 91.26% 未覆盖为 error 分支的 catch由 e2e 真实 mediasoup 触发)
middlewares/internal-auth.ts 100% 无 token / 错 token / 正确 token / 白名单 4 条分支
middlewares/error-handler.ts 63.79% 未触发 Fastify 内置 4xx 透传分支(属 happy case
services/router.service.ts 97.95% _clearRouterMap 内部 try/catch 未触发
services/transport.service.ts 81.57% -
services/producer.service.ts 84.4% -
services/consumer.service.ts 47.22% happy path 需真实 WebRTC 连接(由 Task 9 前端 E2E 覆盖)
mediasoup/worker.ts 68.18% 重启路径需故意 kill worker 触发(集成环境)

关键工程决策

  1. zod.parse 手动调用 + 全局错误处理器:放弃 fastify-type-provider-zod(避免引入 zod v4 依赖冲突),改为每个 handler 内显式 .parse(),由 setErrorHandler 统一捕获 ZodError → 400。依赖面小、行为直观、不牺牲安全性。
  2. Map + observer.once('close') 自清理:所有 service 层都以 Map<id, Entry> 持有资源,并在创建时 observer.once('close', () => map.delete(id));无论外部主动 close() 还是上游级联关闭router→transport→producer→consumermap 都自动收敛,杜绝泄漏。
  3. Consumer paused:true 强约束 + producerclose 级联:严格遵循 mediasoup 官方推荐 —— 服务端创建后总是 paused等客户端 transport.consume() 成功后再调 /resume;同时监听 producerclose 自动关闭下游 consumer防止对端已关闭但本端仍占流的幽灵资源。
  4. direction 强约束producer 只允许 send transport、consumer 只允许 recv transport违反即 409 CONFLICT从 API 层就隔断"send 上混消费"这类难以排查的状态错误。
  5. AppError 扁平化错误码 + details{ code, message, details?} 形式,前端/Go 后端都能用 error.code === 'NOT_FOUND' 精准分支,避免依赖 message 字符串。

代码审查修复(code-reviewer 子代理2026-04-21

子代理总评"有条件通过"0 Blocker / 2 Major / 10 Minor / 10 Nits / 5 亮点2 Major + 4 高价值 Minor 已全部当场修复,剩余 Minor/Nits 延后至 Task 16 收尾时清扫。

编号 级别 问题 修复 文件
M1 Major _clearXxxMap 无守卫,生产环境可误调用销毁全部资源 新增 src/utils/test-guard.ts#assertTestOnly4 个 service 的 _clearXxxMap 首行调用,NODE_ENV !== 'test' 直接抛错 src/utils/test-guard.ts + 4 个 service.ts
M2 Major rtpParameters/rtpCapabilities 仅用 z.record(z.string(), z.unknown()),空对象直接走到 mediasoup 层被包成 500 新增 src/schemas/rtp.ts,对 codecs 做最小结构校验mimeType/clockRate/payloadType 必填codecs 数组 ≥1消除 as unknown as 双跳断言,客户端参数错误现在正确返回 400 VALIDATION_ERROR src/schemas/rtp.ts + producer.schema.ts / consumer.schema.ts / producer.route.ts / consumer.route.ts
m1 Minor connectTransportawait transport.connect 前没置位 connected,并发重复请求被 mediasoup 包成 500 改为乐观锁:先 entry.connected = true 再 await失败时回退为 false src/services/transport.service.ts
m2 Minor 返回 producerPaused: producer.paused 语义不如 consumer.producerPaused,且阻碍未来跨进程 PipeTransport 改读 consumer.producerPaused src/services/consumer.service.ts
m3 Minor consumer.on('producerclose', ...) 风格不统一(事件只触发一次) 改为 consumer.once(...),与其他 observer 语义一致 src/services/consumer.service.ts
m5 Minor internal-auth 使用正向白名单(/healthz//readyz),未来新增 /metrics//docs 等公共端点容易漏加 改为反向白名单 PRIVATE_PATH_PREFIXES = ['/internal/'],默认开放,仅私有前缀强制校验 src/middlewares/internal-auth.ts

修复后验收

维度 结果
typecheck 0 错误
lint 0 错误
vitest 65 passed / 0 failed(新增 rtp schema 校验 4 测试、test-guard 2 测试、consumer CAN_NOT_CONSUME 细分测试 1
覆盖率 stmts 82.87% / branches 75.83% / funcs 91.3% / lines 82.87%(较修复前 80.89% 提升 ~2 pp
internal-auth 覆盖率 从 92.3% → 100%
schemas 覆盖率 新增 rtp.ts 后仍保持 100%

延后处理清单Task 16 收尾)

  • m4 tryGetRouter 未被引用 → 决定留给 Task 7 Go NodeClient 健康探测使用,加 @internal JSDoc 即可
  • m6 rtpCapabilities 更精细校验 → 随 Task 9 前端 mediasoup-client 对接时结合真实报文完善
  • m7 logger redact 覆盖面 → 加 '*.headers["x-internal-token"]' 通配符
  • m8 userIdSchema 与 Go 侧契约对齐 → Task 7 实装后统一收敛
  • m9 worker.died 级联清理 → Task 16 补 chaos 测试时加 drainXxxMap(无副作用纯清 map
  • m10 requestId 贯穿 → Task 7 NodeClient 头部注入 X-Request-ID 时一体化实现
  • n1-n10 均为风格类项,不阻塞

下一步

  • Task 3Go 侧 meeting 模块数据库 DDL + Model + DAO对齐设计 §5.1 的 3 张表),预计 0.5 人日
  • Task 2 修复后新增文件:src/schemas/rtp.tssrc/utils/test-guard.tstests/test-guard.spec.ts;新增单测 7 个(共 65 个)

🚀 2026-04-21 Phase 2e-2 Task 1 media-server 项目骨架完成(含 Fastify 5 升级)

交付:正式 media-server/ 子项目骨架落盘 + 原地升级至 Fastify 5 → 锁定 mediasoup 3.19.0 + fastify 5.8.5 + fastify-plugin 5.1.0 + @fastify/sensible 6.0.4 + @fastify/websocket 11.2.0 + pino 9.3.2 + zod 3.23.8/healthz + /internal/* + X-Internal-Token 鉴权 + Worker died 自动重启全部通过本机验证pino 统一为单实例。

🔁 2026-04-21 升级补充Fastify 4 → 5

  • 升级理由Fastify 4 已于 2025-06-30 结束官方 LTS 支持(到 2026-04 已过保约 10 个月v5 最新 5.8.52026-03、插件生态@fastify/websocket 11.x / @fastify/sensible 6.x / fastify-plugin 5.x均已 GA 支持;且可一步消灭前一轮由类型系统限制造成的两个 pino 实例
  • 实际改动package.json 4 行版本号 + src/app.tslogger: buildLoggerOptions()loggerInstance: logger(回归 pino 单实例)
  • 兼容性确认Fastify 5 破坏性变更逐条核查):
    • Node.js ≥20Dockerfile 已用 node:20-bookworm-slim
    • 完整 JSON Schema 校验:我们 Task 2 规划用 zod 完整 schema无 shorthand 残留
    • .listen() 对象签名:已用 app.listen({ host, port })
    • Plugin 纯 async已用 fp(async (fastify) => {...})
  • 回归实测npm install 319 包 / typecheck + lint 0 错误 / curl /healthz + /internal/info 401/200 / kill -9 <workerPid> → 1s 内新 Worker 上线
  • 日志行为验证:启动输出两行 Server listening at ... 来自 Fastify 内部日志、media-server listening 来自业务逻辑,格式/时间戳/pid 完全一致,确认单实例生效

产出文件

文件 规模 作用
media-server/package.json - 锁定依赖(升级后):mediasoup@3.19.0 / fastify@5.8.5 / fastify-plugin@5.1.0 / @fastify/sensible@6.0.4 / @fastify/websocket@11.2.0 / pino@9.3.2 / zod@3.23.8开发链tsx / typescript@5.5 / eslint / prettier / vitest
media-server/tsconfig.json + tsconfig.build.json - TS 5.5 严格模式、ES2022 + Bundler 解析、dist 输出裁切 tests/poc
media-server/.eslintrc.json + .prettierrc - @typescript-eslint + prettier 协同,强制 consistent-type-imports
media-server/.env.example + .gitignore + .dockerignore 60 行 双态部署必备变量announcedIp / rtcPort 范围 / internalToken / logPretty
media-server/src/config.ts 110 行 自研 dotenv 加载 + zod 严格校验 + 端口区间交叉校验 + 失败直接 process.exit(1)
media-server/src/utils/logger.ts 45 行 pino + pino-prettydev+ token redact + childLogger
media-server/src/mediasoup/worker.ts 115 行 Worker 单例 + died 指数退避1s/2s/4s/8s/16s/30s 封顶)+ snapshotpid / restartAttempts
media-server/src/middlewares/internal-auth.ts 55 行 fastify-plugin 包装 onRequest hook + timingSafeEqual 防侧信道 + /healthz/readyz 白名单
media-server/src/app.ts 125 行 Fastify 入口 + /healthz + /readyz503 when 未 ready+ /internal/info + 优雅停机SIGINT/SIGTERM + unhandledRejection/uncaughtException
media-server/Dockerfile 多阶段 node:20-bookworm-slimbuilder 装 python3 + build-essential 编译 mediasoup workerruntime 裁 dev deps + 非 root 用户 + curl HEALTHCHECK + 显式暴露 40000-40199 UDP/TCP
media-server/README.md 6 节 目录结构 / 快速开始 / 鉴权校验 / npm 脚本 / Docker 构建 / 配置说明 / Task 1 验收清单

验收实测(本机 macOS + Node 20已清理 .env

场景 命令 结果
依赖安装 npm install 315 包3 分钟mediasoup C++ worker 编译通过
类型校验 npm run typecheck 0 错误
代码规范 npm run lint 0 错误
启动验证 npm run dev 2s 内 "media-server listening" + Worker PID 打印
健康探测 curl /healthz {"ok":true,"mediasoupVersion":"3.19.0","workerPid":10584,"workerRestartAttempts":0,"uptimeSec":16}
就绪探测 curl /readyz {"ready":true}
无 Token 访问 curl /internal/info HTTP 401 + {"code":"UNAUTHORIZED"}
错 Token 访问 curl -H "X-Internal-Token: wrong" ... HTTP 401
正确 Token 访问 curl -H "X-Internal-Token: <env>" /internal/info 200返回 mediasoup 版本 / worker 状态 / listen 配置
Worker 自愈 kill -9 <workerPid> 日志 "worker died" → 1s 后自动 "worker started",新 PID 11141 在线,/healthz 恢复 ok:true

关键工程决策

  1. Fastify 5 + 单 pino 实例:升级至 Fastify 5 后使用原生 loggerInstance: loggerFastify 请求日志与业务日志共享同一个 pino 实例,消除 v4 时代的两个独立实例;配合 Fastify 4 已出 LTS 的事实,回归官方维护版本
  2. mediasoup 3.19 类型导入:统一从 mediasoup/types 子路径引入(Worker / WorkerLogLevel),与 3.14 PoC 阶段 mediasoup.types 命名空间兼容
  3. 内部鉴权侧信道防护timingSafeEqual 替代 ===,对长度不等也先拉齐再比,防止 token 长度被时序探测
  4. Worker 指数退避重启1s → 2s → 4s → 8s → 16s → 30s(封顶 30s重启成功后 restartAttempts 归零;避免快速失败时 CPU 飙高
  5. Docker 运行时轻量化builder 阶段 npm prune --omit=dev 裁掉 dev 依赖runtime 仅保留必要的 curl + libstdc++,非 root 用户运行

下一步

  • Task 2Router/Transport/Produce/Consume 核心内部 API对齐 PoC 的 paused-then-resume + simulcast 三档 encodings预计 1.5 人日

🚀 2026-04-21 Phase 2e-2 Task 0 mediasoup PoC Spike 完成

交付media-server/poc/ 跑通 2 浏览器 ↔ Node ↔ mediasoup 完整 SFU 链路技术栈可用性验证通过mediasoup 选型锁定。

产出文件

文件 规模 作用
media-server/poc/server.mjs 248 行 Fastify + WS 信令 + mediasoup Worker/Router
media-server/poc/public/client.mjs 215 行 mediasoup-client Device/Transport/Producer/Consumer 完整流程
media-server/poc/public/index.html 101 行 极简 UI视频网格 + 日志 + 加入/离开按钮)
media-server/poc/package.json - 固定版本依赖(mediasoup@3.14.11 / fastify@4.28.1 / pino@9.3.2
media-server/docs/poc-notes.md 9 章节 架构图 / 实测数据 / 7 项关键坑 / 技术栈判定 / 复用映射 / 启动步骤

实测数据Playwright 双 tab 自动化)

  • 2 人会议4 transports / 4 producers / 4 consumers / RSS 61 MB
  • peer 关闭consumers 自动从 4 → 0无泄漏
  • 8 人线性外推16 transports / 16 producers / 112 consumers / 约 200 MB RSSNode 单进程承载充裕)
  • Node 24.12.0 下 mediasoup C++ 编译 53 秒完成,无环境问题

锁定的 7 项关键坑

  1. 本机 Demo MEDIASOUP_ANNOUNCED_IP 必须留空(非 127.0.0.1),让 Chromium 自动替换 0.0.0.0
  2. mediasoup-client 无 UMD bundleTask 9 正式前端需 npm + vite 打包PoC 用 esm.sh CDN
  3. Consumer 必须 paused:true 创建 → 客户端 transport.consume → 服务端 resumeConsumer,否则首帧丢失
  4. Worker died 事件必须监听 + 外部进程管理器重启
  5. enableUdp:true + enableTcp:true + preferUdp:true 开箱即用DTLS 无需额外配置
  6. Simulcast 三档 encodings {150k/400k/1M} 与设计文档完全一致Task 2/9 可直接复用
  7. Playwright Chromium 默认带 --use-fake-device-for-media-streamE2E 自动化无阻

决策结论

  • 维持 mediasoup + fastify + mediasoup-client 选型,不改用 livekit-server
  • Task 1-2 可直接复用 PoC 的 Worker/Router 初始化、Transport 创建参数、Consumer paused-then-resume 模式
  • Task 9 前端 Store 可复用 SignalClient 的 Promise 化 WS 请求 + reqId 配对模式

下一步

  • Task 1media-server/ 正式骨架TS + Fastify + 内部鉴权中间件 + Dockerfile预计 0.5 人日

2026-04-20 Phase 2e-1 通知系统完成

交付范围:统一通知中心,覆盖好友 / 群聊 / 会议(预留枚举)/ 系统广播 四大类,共 11 种业务通知类型。

后端(backend/go-service/

模块 路径 作用
数据表 deploy/docker/postgres/init.sql 新增 notify_notifications + 3 索引
常量 app/constants/notify.go 11 种 type 常量 + 4 种 category + WS 事件名
Model app/notify/model/notification.go GORM 模型
DTO app/dto/notify_dto.go 请求/响应/广播 DTO
DAO app/notify/dao/notification_dao.go CRUD + 批量 + 未读统计 + 清理 + 全量用户列表
Service app/notify/service/{notify_service.go,pusher.go} 业务逻辑 + Pusher 接口 + 持久化+推送降级
Controller app/notify/controller/notification_controller.go 4 用户接口 + 1 管理员广播接口
Router app/notify/router.go /api/v1/notifications/* + /api/v1/admin/notifications/broadcast
Cleanup Task app/notify/task/cleanup_task.go 30 天已读通知定时清理(默认每日)
Provider app/notify/provider.go + app/provider/{provider,wire,wire_gen}.go Wire 注入 + NotifyPusher / NotifyConnectHook 接口绑定
WS 钩子 app/ws/handler.go 连接建立 → 推送 notify.unread.total 补偿
contact 集成 app/contact/service/contact_service.go 3 处 Pusher.Pushfriend_request/accepted/rejected
group 集成 app/group/service/group_service.go 6 处 Pusher.Pushinvite/join_request/approved/rejected/kicked/role_changed
main.go cmd/server/main.go 启动 CleanupTask + defer Stop

前端(frontend/src/

文件 作用
api/notify.js 4 个 REST 封装
constants/notify.js 前端 type / category / 图标 / 颜色常量
store/notify.js Pinia Store5 分类分页缓存 + 未读数 + WS 事件notify.new / notify.unread.total
components/notify/NotifyItem.vue 通用通知卡片(按 type 渲染 + 内联接受/拒绝)
pages/notify/index.vue 通知中心主页(顶部铃铛 + 5 Tab + 下拉刷新 + 无限滚动 + 全部已读)
pages/profile/index.vue 新增铃铛入口 + 徽标 + 菜单项
pages.json 注册 pages/notify/index
App.vue / pages/auth/login.vue 全局初始化 notifyStore 监听 + 未读数拉取
store/user.js logout 时调用 notifyStore.reset() 清缓存
store/contact.js / store/group.js 清理散落 toast 和冗余 notify.friend.request / group.join.request 直接处理

架构决策

  • 单端 WS 连接架构:沿用现有 ws.Hub不做多端已读同步。多端改造推迟到 Phase 2f/二期(已在设计文档 §3.1/§3.5/§九记录)。
  • 跨模块依赖方向contact / groupnotify(严格单向),通过接口 notifyService.Pusher 注入,类似 Phase 2a ws.FriendIDsGetter → contact.FriendshipDAO 模式。
  • 降级策略Pusher 先入库、后推送WS 推送失败不回滚入库;入库失败仅 Warn 日志不影响业务。
  • 游标分页:通知列表使用 before_id + limit 替代传统 page,天然抗数据插入扰动。
  • 30 天清理:默认每 24 小时扫描一次,删除 is_read=true AND created_at < NOW() - INTERVAL 30 DAY;未读永久保留。

Task 完成情况11/11

  • Task 0: 数据库 DDL + constants + DTO + model
  • Task 1: Notify 模块骨架DAO + Service + Pusher 接口 + Wire
  • Task 2: REST API4 用户 + 1 管理员)
  • Task 3: WS 事件 notify.new + notify.unread.total
  • Task 4: contact 集成3 类)
  • Task 5: group 集成6 类)
  • Task 6: 30 天清理定时任务
  • Task 7: 前端 Pinia Store + API + WS 监听
  • Task 8: 通知中心页 + NotifyItem + 5 分类 Tab
  • Task 9: profile 入口 + 冗余清理contact.js:155 / group.js:292
  • Task 10: E2E 验证清单(test-report-phase2e-1-notification.md
  • Task 11: 文档同步 + code-reviewer 子代理审查(本文件 + API 文档 + project-context.mdc + 设计文档 §3.1/§3.5/§八/§九 修订)

Task 11 代码审查成果2026-04-20

  • code-reviewer 整体结论:有条件通过1 Blocker / 5 Major / 11 Minor / 10 亮点)
  • Blocker 已当场修复:前端 markAllRead 契约错位 —— 原将 category 放入 PUT body 而后端读 query已改为 ?category=xxx Query 拼接,并同步 docs/api/frontend/notify.md §4
  • Major / Minor 项:均不阻塞合入,已纳入 docs/plans/2026-04-20-phase2e-design.md §九 Phase 2f 清理清单
  • 涉及修复文件:frontend/src/api/notify.jsdocs/api/frontend/notify.mdtest-report-phase2e-1-notification.md §七
  • 验证:cd backend/go-service && go build ./... 通过

Playwright MCP 端到端验证成果2026-04-20

  • 使用 Playwright MCP 驱动 H5 浏览器完整走查通知中心:登录 → 进入 /pages/notify/index → 构造好友申请 → 管理员广播 → 点击通知 → 标记已读 → 跳转 → 全部已读,均通过
  • WS 实时推送链路通过admin 广播后 1s 内页面自动插入通知到列表顶部,「全部/系统」角标实时变化,证明 notify.new 事件、前端 _onNotifyNew 处理器、UI 响应式更新三段链路一致
  • 额外修复 2 个交互 BugPlaywright 现场发现):
    • 🔴 Bug-1NotifyItem 自定义 emit 事件名 tap 与 uni-app 原生 DOM 事件冲突,导致 Event 对象覆盖 notify 参数 → PUT .../undefined/read 400。修复emit 名改为 item-tap / item-accept / item-reject
    • 🟡 Bug-2store/notify.js#markRead_patchAll 后再判断 !target.is_read 永假unreadTotal 没有递减。修复:预先快照 wasUnread
  • 修改文件:frontend/src/components/notify/NotifyItem.vuefrontend/src/pages/notify/index.vuefrontend/src/store/notify.js
  • 详细过程见 test-report-phase2e-1-notification.md §八

TabBar「我的」聚合未读红点2026-04-21

  • 背景:通知未读状态之前仅在 /pages/profile/index 内可见(铃铛 badge、菜单项 badge用户在其他 tabBar 页面(消息/联系人/会议)无法感知有新事件,必须被动切进"我的"才能发现
  • 设计:采用业界主流做法(微信/QQ/钉钉的"我"Tab 模式)—— tabBar「我的」图标右上角显示纯红点(无数字)作为"我的"模块聚合未读指示器
    • 信息层级分离tabBar 一级导航只承载 Boolean有/无未读),具体数字留在二级页面
    • 聚合开放集合:当前只聚合 notifyStore.unreadTotal,未来可无缝追加「资料待完善」「安全提醒」「新版本可用」等
    • 语义清晰:保留原 getBadge(index)(数字,用于消息/联系人);新增 hasDot(index)(布尔,用于"我的");模板先数字后红点优先级渲染
  • 实现文件frontend/src/components/CustomTabBar.vue(新增 hasDot 方法 + .tab-dot 样式)
  • Playwright 回归:有 3 条未读时消息页/我的页 tabBar 红点均亮起;点"全部已读"后 tabBar 红点消失、铃铛 badge 消失、菜单 badge 消失三层同步响应;所有场景均通过
  • 详细设计:见 docs/plans/2026-04-20-phase2e-1-design.md §6.4


📘 2026-04-20 Phase 2e 规划:会议与通知系统

拆分理由:原 Phase 2e会议+通知)工作量约 23-33 人日引入全新技术栈mediasoup + Node.js必须按风险梯度拆分。

子阶段 范围 周期 状态
2e-1 通知系统 统一通知中心11 种类型)+ 双通道推送 + 跨模块 Pusher 接口 3-4 天 已完成
2e-2 会议 MVP mediasoup Node 媒体服务 + 即时会议≤8人+ 基础音视频控制 10-14 天 📋 待开发
2e-3 会议增强 预约会议 + 定时提醒 + 会议邀请(复用 2e-1 通知) 7-10 天 📋 待开发

关键决策

  • 维持原 mediasoup SFU 架构(不改用 Mesh
  • 会议 MVP 仅音视频通话(不含录制/屏幕共享/预约)
  • 管理端扩展推迟到 Phase 2f新增阶段
  • 通知系统覆盖全部 10+ 种业务事件,含 meeting_invite/meeting_reminder 类型预留

后续规划清单(含推迟项,见设计文档 §九):

  • Phase 2f会议管理后台 + 通知广播发布 UI + 管理端仪表板等
  • 第二期:屏幕共享、录制、虚拟背景、微信登录、互动直播
  • 第三期微服务拆分、K8s、多 Worker 集群、AI 辅助

🐛 2026-04-20 Bug 修复:已读状态刷新后丢失(变回"未读"

问题:单聊/群聊页面中大量消息显示"已读"的情况下,刷新浏览器 → 所有已读标签全部变为"未读" / "N人已读"消失,直到对方再次触发读消息才恢复 —— 严重影响真实性与信任度。

根因(单句):前端 readStatusMap(对方已读位置)和 groupReadCountMap(群聊已读计数)仅由 WebSocket 事件 im.message.read.ack / im.message.read.count 填充,从未在页面加载时从后端拉取,刷新后 state 归零且无 API 补回 → isRead() 判定 msg.id <= 0 恒为 false。后端数据库 im_conversation_members.last_read_msg_idim_message_reads 数据其实都存在,只是未暴露给前端初始化。

修复方案(前后端联动,不新增 API仅扩展 HistoryMessageResponse

改动
后端 DTO HistoryMessageResponse 新增 peer_last_read_msg_id int64(单聊)、read_count_map map[int64]int(群聊 omitempty
后端 Service GetHistoryMessages 按会话类型分支type=1 → GetPeerUserID + GetMember 拿对方 last_read_msg_idtype=2 → 过滤自己发送的消息 IDreadRecorder.GetReadCountBatch
前端 Store loadHistoryMessages 仅在「首次加载messages.length===0」时回填避免后续"加载更多"时用历史数据覆盖 WS 增量的最新态

涉及文件

  • backend/go-service/app/dto/im_dto.goDTO 扩展
  • backend/go-service/app/im/service/im_service.goGetHistoryMessages 回填逻辑
  • frontend/src/store/chat.jsloadHistoryMessages 消费新字段

Playwright 端到端验证

  1. 数据库事实:会话 6 中 bojinyuan(7) last_read_msg_id=202已读到 id=202
  2. duanlingyun 登录 → API 返回 peer_last_read_msg_id=202
  3. 会话页首屏21 条自己发送的消息 → 20 条"已读" + 1 条新插入的 id=203"未读" ✓(与期望完全吻合)
  4. 群聊验证bojinyuan 登录 → 群 8 API 返回 read_count_map={94:1, 95:1, ..., 139:2, 140:2}(共 13 条自己发的消息)→ 页面正确显示 11 个"1人已读" + 2 个"2人已读" ✓
  5. 视觉回归:同一截图中语音"未听红点"仍正常工作(表明两项 UX 优化无互相干扰)

设计权衡

  • 为什么不新增独立 API避免每次进入会话多一次往返请求
  • 为什么仅首次加载回填:后续 WS 事件已能增量更新,用历史数据覆盖反而可能倒退
  • 为什么群聊只查"自己发的消息":前端仅在 isSelf=true 时展示"N人已读",避免无用 DB 查询

🎙️ 2026-04-20 UX 优化:语音消息「未听红点」(仿微信)

需求:通用"已读"状态基于滚动可见性,适合文字/图片(肉眼可直接阅读);但语音必须点击播放才算"听过",仅"已读"不能反映用户是否真的听过。参照微信设计,为「对方发来的语音」叠加独立的"未播放"视觉提示(红点)。

设计决策(均为推荐方案)

维度 取舍
作用范围 仅「对方发来的」语音显示红点(自己发的无此语义)
持久化 本地 localStorage按 userId 隔离) —— 不同步后端,属于私人视图态
触发时机 用户点击播放即刻清除红点(不要求播放完整)
作用层级 仅聊天详情页;会话列表不处理

核心实现

  • chat store 新增 voicePlayedMap: {[msgId]: true} + markVoicePlayed / isVoicePlayed / loadVoicePlayedState / resetVoicePlayedState 4 个 API
  • localStorage keyecho:voice-played:{userId},完整 JSON 覆盖写入
  • MsgVoice.vue 自主消费 store父级无需改动单聊/群聊同构生效)
    • 模板:<view v-if="showUnplayedDot" class="unplayed-dot" />10rpx 红圆,紧贴气泡右侧)
    • showUnplayedDot = computed(() => !isSelf && msg.id && !chatStore.isVoicePlayed(msg.id))
    • onTogglePlay 首行:if (!isSelf && msg.id) chatStore.markVoicePlayed(msg.id)
  • user.store.logout():动态导入 chat store 调用 resetVoicePlayedState() 防止串用户
  • chat.store.initWsListeners():按当前 userStore.userInfo.id 懒加载对应缓存

涉及文件

  • frontend/src/store/chat.js:新增 voicePlayed 状态 + 4 个方法
  • frontend/src/components/msg/MsgVoice.vue:模板加红点 + 消费 store
  • frontend/src/store/user.jslogout 清理运行时 state

Playwright 验证

  1. duanlingyun(id=13) 登录 → 会话 6内含自己 3 条语音 + 对方 5 条语音)
  2. 初始8 条语音 → 5 个红点(全部对方发) + 0 个红点(自己 3 条 voice-self)✓
  3. 点击任意两条对方语音 → 红点数 5→4→3 ✓
  4. localStorage 写入 echo:voice-played:13 = {195:true, 196:true}
  5. 页面刷新 → 仍只剩 3 个红点(持久化生效)✓

💡 2026-04-20 UX 优化:聊天页「新消息悬浮提示 + 按需已读」

问题:用户停留在聊天页旧消息位置时,对方发来新消息 → 页面不会自动滚动到底 → 但 store 层一律自动 markRead → 对方看到"已读"但用户实际没看到消息,产生体验错位。

方案(混合策略,业内通用)

  • 贴底(距底 < 150px新消息自动滚动到底部 + 标记已读(保留原有体验)
  • 远离底部时:不滚动、不标记已读,右下角显示「↓ N 条新消息」悬浮胶囊按钮
  • 点击悬浮按钮:滚到底 + 清零计数 + 标记已读
  • 用户手动滚回底部:自动隐藏悬浮 + 标记已读

技术实现(maxScrollTop 追踪策略)

  • @scroll 事件中维护"历史最大 scrollTop"maxScrollTop - scrollTop < 150 判断是否贴底
  • 不依赖 @scrolltolower 作为唯一权威信号,对 scroll-into-view + 动态 scrollHeight 都正确响应
  • Store 层移除 _onNewMessage 中对当前会话的自动 markRead,把决策权交给页面

涉及文件

  • frontend/src/store/chat.js:移除新消息到达时的自动 markRead
  • frontend/src/pages/chat/conversation.vue:单聊滚动感知 + 悬浮按钮
  • frontend/src/pages/group/conversation.vue:群聊同构改造

验证结果Playwright 全流程通过三种场景(贴底自动滚、远离底部显示悬浮、点击悬浮滚到底清零)。

🐛 UX 优化后续修复2026-04-20watch 逻辑误把"加载历史消息"计入 newMsgCount

问题:用户在页面中段滚动时触发「加载更多」→ 从数组头部插入 20 条历史消息 → messages.value.length 变化 → watch 误以为是"对方的新消息"并 newMsgCount += 20,悬浮按钮显示"40+ 条新消息"。

根因watch 回调只看 messages.length 增量delta未区分"头部插入历史"与"尾部追加新消息"。读取 messages[length-1] 拿到的是已存在的最后一条消息,若恰好是对方发的即通过 fromOther 判断并累加。

修复策略监听「末尾消息标识id / client_msg_id」是否变化而非仅看长度

  • 头部插入历史消息 → tail 未变 → 直接返回,不做任何处理
  • 尾部追加一条新消息 → tail 变化 → 才进入"fromSelf/fromOther/nearBottom"判断分支
  • 自己发的消息 tail 也会变但会被 fromSelf 拦下

真实双账号验证duanlingyun ↔ bojinyuan会话 id=6

操作 messages.length scrollTop scrollHeight 悬浮按钮
初始贴底 20 1419 2066
滚至顶部触发加载更多 ×3 76 0 4823
对方发 1 条 77 1003 4877 "1 条新消息"
对方再发 2 条 79 1003 4877 "3 条新消息"
再次加载更多历史 79+10 0 4986 仍为 "3 条新消息"
点击悬浮 79+10 4339 (贴底) 4986 消失

涉及文件

  • frontend/src/pages/chat/conversation.vuelastMsgCountlastTailKey 改造
  • frontend/src/pages/group/conversation.vue:相同改造(群聊)

🐛 语音消息 H5 兼容修复2026-04-20

问题链(按排查顺序):

  1. 事件层PC Chrome 按住"按住说话"按钮无反应 —— 只绑定了 @touchstart/move/end,现代浏览器鼠标不合成 touch 事件
  2. 录音 API 层:修复事件绑定后报 method 'uni.getRecorderManager' not supported —— uni-app H5 端不支持原生 getRecorderManager
  3. 上传层:即便录到 Blobuni.uploadFile(blob:URL) 推断出的 filename 无扩展名,被后端白名单拦下
  4. 后端校验层allowedVoiceExts 只允许 .mp3/.wav/.aac/.m4a,不接受 H5 MediaRecorder 输出的 webm/ogg

修复链

改动
事件 VoiceRecorder 同时监听 touch + mouse 事件,pressing 重入守卫,@mouseleave 兜底取消
录音 新增 H5Recorder 类,基于 MediaRecorder + getUserMedia 实现 uni 录音接口(onStart/onStop/onError/start/stopcreateRecorder() 工厂按平台自动选择
上传 uploadVoice 增加 blob 参数分支H5 走 fetch + FormData 精确控制 filename基于 mimeType 推断扩展名,如 voice-{ts}.webm
后端 allowedVoiceExts 新增 .webm.ogg,错误消息同步更新

验证结果Playwright 自动化)

阶段 class 按钮文字 遮罩 计时
按压中 (4s) record-btn recording "松开发送" ✓ 显示 "3""
按压中 (5.5s) 同上 同上 "5"" (跳动正常)
松开后 record-btn "按住 说话" 消失

数据库验证:连续 3 次录音上传成功1/2/5 秒size 18K/35K/75Kim_messages type=3语音记录正确写入MinIO 中 .webm 文件可访问。

涉及文件

  • frontend/src/components/chat/VoiceRecorder.vue:核心改造(事件兼容 + H5Recorder 类)
  • frontend/src/api/file.jsuploadVoice 增加 blob 分支,新增 _doUploadBlob 私有方法
  • frontend/src/pages/chat/conversation.vue & frontend/src/pages/group/conversation.vueonVoiceRecorded 按 mimeType 生成 fileName 并传 blob
  • backend/go-service/app/file/service/file_service.goallowedVoiceExts 扩展 + 错误消息更新

🔧 2026-04-20 Bug 修复清单

# 根因 修复 文件
B1 文件上传 BASE_URL 硬编码为 :8080(与实际 :8085 不符)导致 ERR_CONNECTION_REFUSED 改为复用 @/utils/request 中的统一 BASE_URL frontend/src/api/file.js
B2 MinIO bucket 默认 private图片 URL 匿名访问返回 403 启动时自动设置 bucket public-read 策略(仅 s3:GetObject backend/go-service/pkg/storage/minio.go
B3 MsgImage flex 布局塌陷,<uni-image> 宽度为 0 .grid-single/2col/3col 增加显式宽高和 display:block frontend/src/components/msg/MsgImage.vue
B4 H5 下 URL.createObjectURL(file) 丢失文件名,显示为 file-1776xxx 前端发送消息时优先使用用户选择的 file.name frontend/src/pages/{chat,group}/conversation.vue

验证结果Playwright MCP 全流程通过(图片/文件上传、缩略图渲染、大图预览、管理端消息详情)。详见 test-report-phase2d-bugfix.md


🛠️ 2026-04-20 工程化脚本改造(开发者体验)

引入社区通用的 setup / start 职责分离 模式(参考 Rails bin/setup + bin/dev、Django 模板、Next.js 企业模板):

脚本 定位 使用频率
scripts/dev-setup.sh 首次环境初始化Docker 检查 + 容器拉起 + 重试式健康检查pg/redis/minio 首次 clone / 重建卷
scripts/start.sh 日常启动Docker 中间件 + Go 后端 + 前台 + 管理端全量拉起,端口占用自动跳过 每天多次
scripts/stop.sh 日常停止:优雅终止应用层(先 TERM 后 KILL 兜底),默认保留容器,支持 --all 全关 每天多次
scripts/status.sh 状态查看:三应用端口 + 三容器状态一览 排障随时

核心特性:

  • 端口占用自动跳过lsof 检测,已占用则 WARN 跳过,不重复启动
  • PID + 日志分离PID 写入 .run/*.pidstdout 写入 .run/logs/*.log(已加入 .gitignore
  • MinIO 健康等待dev-setup.sh 新增 /minio/health/live 重试检查,补齐原脚本遗漏
  • 单项启停./scripts/start.sh backend|frontend|admin|docker

涉及文件:

  • 新增 scripts/start.shscripts/stop.shscripts/status.sh
  • 改造 scripts/dev-setup.sh(新增 MinIO 检查 + 头部使用时机注释)
  • 更新 README.md(置顶一键脚本章节,阐述首次/日常使用顺序)
  • 更新 .gitignore(忽略 .run/

一、Phase 2b Task 完成状态

Task 描述 状态 备注
Task 0 IM Model + 数据库迁移 + 常量 完成 3 张表 + init.sql + AutoMigrate
Task 1 WS 事件路由表机制 完成 Hub.RegisterEvent/DispatchEvent
Task 2 IM DAO 层 完成 ConversationDAO + MessageDAO
Task 3 IM Service 核心业务 + DTO 完成 9 个业务方法 + 接口注入
Task 4 WS 事件处理器 + 离线推送 完成 4 个事件 + OfflinePusher
Task 5 REST Controller + Router + Wire 完成 7 个 REST API + 完整 Wire 集成
Task 6 前台 Store + API + WS 事件 完成 chat.js Store + API + TabBar badge
Task 7 会话列表页 + 聊天对话页 完成 2 个核心页面
Task 8 设置页 + 搜索页 + 联系人改造 完成 2 个辅助页面 + 发消息跳转
Task 9 文档更新 + 代码审查 完成 进度/架构文档同步
UI 改造 ui-ux-pro-max 规范改造 完成 uni-icons 替换 emoji + 设计规范文件
代码审查修复 后端 7 项修复 完成 P0×2 + P1×3 + 推送补全×2
用户测试修复 8 项 Bug 修复 完成 好友申请/接受、在线状态、UI 布局等

代码审查修复详情

# 优先级 修复内容
Fix 1 P0 ClearHistory 改为个人视图操作ClearBeforeMsgID不再删除双方消息
Fix 2 P0 Redis 未读数负数保护Lua 脚本原子递减,下限为 0
Fix 3 P1 GetConversationList N+1 查询优化LEFT JOIN 一次获取 peerID
Fix 4 P1 消息搜索改用 GIN 全文索引to_tsvector/plainto_tsquery 替代 LIKE
Fix 5 P1 撤回消息后更新会话预览last_msg_content = "XX 撤回了一条消息"
Fix 6 - im.message.new 推送补充 sender_name、sender_avatar
Fix 7 - im.message.recalled 推送补充 sender_id

用户测试修复详情

# 修复内容
Fix 8 好友申请拒绝后重新申请失败 — FriendshipDAO 新增 ReactivateRejectedRequest 方法
Fix 9 好友接受申请失败(反向记录 UNIQUE 冲突)— AcceptRequest 先查后改,避免重复插入
Fix 10 Redis 在线状态残留 — OnlineService 启动时清理旧在线数据cleanStaleOnlineData
Fix 11 WS 断开时在线状态未清理 — 修正 onDisconnect 判断条件closedByHub && isOnline
Fix 12 前端 WS 连接未全局初始化 — App.vue onLaunch/onShow + login.vue 登录后建立连接
Fix 13 后台管理端好友关系页用户 A 列名称错误 — 修正字段绑定 row.user_username
Fix 14 前台好友在线状态初始值缺失 — ContactService 注入 OnlineCheckerGetFriendList 返回 is_online
Fix 15 聊天页消息过多时输入框被挤出 — scroll-view 添加 height:0 + min-height:0 约束

二、Phase 2b 新增功能

即时通讯IM

  • 消息收发WebSocket 全双工通讯im.message.send → ACK + 推送
  • 三态确认sending → sent/ACK → failed
  • 消息撤回2 分钟内可撤回,推送 im.message.recalled
  • 正在输入im.typing 事件3 秒超时自动清除
  • 离线消息WebSocket 重连后服务端主动推送未读会话摘要

会话管理

  • 自动创建:首次发消息时自动创建单聊会话
  • 会话列表:置顶优先 → 最后消息时间降序LEFT JOIN 一次获取 peerIDN+1 优化)
  • 会话操作:置顶/取消、软删除(不影响对方)、清空聊天记录(个人视图 ClearBeforeMsgID
  • 未读管理DB unread_count + Redis STRING 全局未读数Lua 脚本负数保护TabBar badge 显示

WebSocket 事件路由表

  • Hub.RegisterEvent:业务模块注册事件处理器
  • Hub.DispatchEvent:消息分发到匹配的处理器
  • 事件清单im.message.send / im.message.recall / im.conversation.read / im.typing

REST API7 个)

方法 路径 描述
GET /api/v1/im/conversations 会话列表
GET /api/v1/im/messages 历史消息(游标分页)
PUT /api/v1/im/conversations/:id/pin 置顶/取消
DELETE /api/v1/im/conversations/:id 删除会话
DELETE /api/v1/im/conversations/:id/messages 清空记录
GET /api/v1/im/messages/search 全局搜索
GET /api/v1/im/unread 全局未读数

前端页面4 个)

  • pages/chat/index.vue — 会话列表TabBar 页面)
  • pages/chat/conversation.vue — 聊天对话页
  • pages/chat/settings.vue — 聊天设置页
  • pages/chat/search.vue — 消息搜索页

数据库表3 张)

  • im_conversations — 会话表(含冗余 last_msg_* 字段)
  • im_conversation_members — 会话成员表(个人视图:置顶/未读/软删除)
  • im_messages — 消息表(游标分页索引 + GIN 全文搜索索引)

三、Phase 2a 完成总结

Task 描述 状态 备注
Task 0-12 WebSocket + 联系人 + 管理端 全部完成 13 个 Task + 8 项 Bug 修复
  • WebSocket 实时通讯Hub + Client + PubSub
  • 联系人管理 17 个 API
  • 在线状态管理Redis SET + TTL
  • 管理端扩展(在线监控 + 好友管理)

四、Phase 1 完成总结

Task 描述 状态
Task 1-11 基础设施 + 认证 + 用户管理 全部完成
  • Go 后端 15+ API、JWT 有状态认证、RBAC 角色权限
  • 前台 uni-app 登录/注册/TabBar/个人中心
  • 管理端 Vue 3 登录/仪表盘/用户列表/详情
  • Docker Compose 一键启动

五、关键技术决策记录

后端Go

  1. 框架组合Gin + GORM + Wire + Zap + Viper
  2. JWT 策略:有状态 JWTToken 按 clientType 隔离存储在 Redis
  3. WebSocketgorilla/websocket + Redis Pub/Sub 跨实例路由
  4. WS 事件路由Hub.eventHandlers map[string]EventHandler + RegisterEvent/DispatchEvent
  5. IM 跨模块FriendChecker + UserInfoGetter 接口注入contact → im
  6. IM 推送OfflineMessagePusher 接口注入im → ws
  7. 在线状态混合方案Redis SET + STRING TTL + Pub/Sub 推送)
  8. 角色等级auth_roles.level1=超管, 10=管理员, 100=普通用户)

前台用户端frontend/

  1. 框架uni-app 3.0Vue 3.4.21
  2. 状态管理Pinia 2.1.7 + pinia-plugin-persistedstate@3
  3. WebSocketuni.connectSocket(小程序)/ WebSocketH5
  4. IM Storechat.js会话列表 + 消息缓存 + 三态确认 + 全局未读)
  5. 设计系统ui-ux-pro-max 规范MASTER.md + 页面覆盖规范
  6. 图标方案@dcloudio/uni-ui uni-iconseasycom 自动引入,跨平台兼容)
  7. 预处理器sassuni-icons SCSS 依赖)

后台管理端admin/

  1. 框架Vue 3.5+ + Vite 7.x + Element Plus
  2. HTTP 客户端Axios
  3. 存储隔离localStorage key 前缀 admin_

六、目录结构概览

EchoChat/
├── backend/go-service/
│   ├── app/
│   │   ├── admin/               # 管理端
│   │   ├── auth/                # 认证模块
│   │   ├── contact/             # [Phase 2a] 联系人模块
│   │   ├── im/                  # [Phase 2b] 即时通讯模块
│   │   │   ├── controller/      # REST API 控制器
│   │   │   ├── dao/             # 数据访问ConversationDAO + MessageDAO
│   │   │   ├── handler/         # WS 事件处理器 + 离线推送
│   │   │   ├── model/           # 数据库模型
│   │   │   ├── service/         # 核心业务 + 接口定义
│   │   │   ├── router.go
│   │   │   └── provider.go
│   │   ├── ws/                  # [Phase 2a] WebSocket 模块
│   │   ├── constants/           # 含 im.go 常量
│   │   ├── dto/                 # 含 im_dto.go
│   │   └── provider/
│   ├── pkg/
│   │   ├── ws/                  # WS 核心Hub 含事件路由表)
│   │   ├── db/ logs/ middleware/ utils/
│   └── router/router.go
├── frontend/                    # 前台uni-app
│   └── src/
│       ├── api/{auth,contact,user,im,group,file}.js
│       ├── constants/group.js    # [Phase 2c] 群聊角色/状态常量
│       ├── services/websocket.js
│       ├── store/{user,websocket,contact,chat,group}.js
│       ├── pages/chat/          # [Phase 2b] 5 个页面
│       │   ├── index.vue        # 会话列表(含群聊 Tab
│       │   ├── conversation.vue # 单聊对话
│       │   ├── read-detail.vue  # [Phase 2c] 已读详情
│       │   ├── settings.vue     # 聊天设置
│       │   └── search.vue       # 消息搜索
│       ├── pages/group/         # [Phase 2c] 7 个页面
│       │   ├── conversation.vue # 群聊对话(含 @选择器 + 已读计数 + 禁言提示)
│       │   ├── create.vue       # 创建群聊
│       │   ├── settings.vue     # 群设置
│       │   ├── members.vue      # 成员管理
│       │   ├── invite.vue       # 邀请入群
│       │   ├── join-requests.vue # 入群审批
│       │   └── search.vue       # 搜索群聊
│       ├── pages/contact/       # [Phase 2a] 6 个页面
│       ├── components/msg/     # [Phase 2d] 消息类型组件
│       │   ├── MsgText.vue     # 文本消息
│       │   ├── MsgImage.vue    # 图片消息(网格+预览)
│       │   ├── MsgVoice.vue    # 语音消息(播放+波形)
│       │   └── MsgFile.vue     # 文件消息(卡片+下载)
│       ├── components/chat/    # [Phase 2d] 聊天辅助组件
│       │   ├── MorePanel.vue   # "+"展开面板
│       │   └── VoiceRecorder.vue # 语音录制
│       └── components/CustomTabBar.vue含 badge
├── admin/                       # 管理端Vue 3 + Element Plus
│   └── src/views/
│       ├── message/            # [Phase 2d] 消息管理
│       │   ├── list.vue        # 消息列表(多条件筛选+操作)
│       │   └── stats.vue       # 消息统计ECharts 仪表板)
├── deploy/
├── design-system/
└── docs/
    ├── api/
    ├── plans/
    ├── progress/CURRENT_STATUS.md
    └── conventions/

七、开发测试指南

服务管理命令

建议开 4 个终端窗口,分别运行各服务。终止方式统一为 Ctrl + Ckill 命令。

基础设施Docker Compose

# 一键启动全部基础设施PostgreSQL + Redis + MinIO
cd deploy && docker compose -f docker-compose.dev.yml up -d postgres redis minio

# 查看容器状态
cd deploy && docker compose -f docker-compose.dev.yml ps

# 一键停止全部基础设施
cd deploy && docker compose -f docker-compose.dev.yml stop
服务 地址 单独启动 单独停止
PostgreSQL localhost:5432 docker compose -f docker-compose.dev.yml up -d postgres docker compose -f docker-compose.dev.yml stop postgres
Redis localhost:6379 docker compose -f docker-compose.dev.yml up -d redis docker compose -f docker-compose.dev.yml stop redis
MinIO API localhost:9000 docker compose -f docker-compose.dev.yml up -d minio docker compose -f docker-compose.dev.yml stop minio
MinIO 控制台 localhost:9001 (同上) (同上)

应用服务

服务 地址 启动命令 终止命令
Go 后端 http://localhost:8085 cd backend/go-service && go run cmd/server/main.go Ctrl+Ckill $(lsof -ti :8085)
前台用户端 (H5) http://localhost:5173 cd frontend && npm run dev:h5 Ctrl+Ckill $(lsof -ti :5173)
后台管理端 http://localhost:3100 cd admin && npm run dev Ctrl+Ckill $(lsof -ti :3100)

Go 后端快速重启(一行命令)

kill $(lsof -ti :8085) 2>/dev/null; sleep 2; cd backend/go-service && go run cmd/server/main.go

测试账号

账号 密码 角色 用途
super_admin admin123456 super_admin 系统预置唯一超管
admin_test admin123456 user + admin 管理端登录推荐
testuser1 test123456 user + admin 前台登录测试
testuser test123456 user 前台登录测试

Phase 2b 可测试功能

  • 会话列表:发消息自动创建会话 → 列表排序 → 置顶 → 长按删除
  • 聊天:发送文本 → 三态确认 → 撤回2分钟内→ 正在输入提示
  • 离线消息:断开重连 → 自动推送未读摘要 → TabBar badge 更新
  • 消息搜索:全局关键词搜索 → 跳转到对应会话
  • 联系人入口:好友详情页 → 发消息 → 跳转聊天页

八、Phase 2c — 群聊与已读回执

状态: 已完成 设计文档: docs/plans/2026-03-04-phase2c-design.md 实施计划: docs/plans/2026-03-04-phase2c-implementation.plan.md 分支: feature/phase2c-group-read-receipt

功能范围

模块 内容
群聊管理 建群/加入/退出/解散/搜索/三级角色/禁言/全体禁言/群公告/群昵称/免打扰
群消息 复用 im.message.* 事件 + @某人/@所有人 + 管理员撤回(无时限)+ 系统消息
已读回执 单聊会话级last_read_msg_id+ 群聊消息级im_message_reads 表)+ 实时推送
MinIO Docker 容器 + Go SDK + 通用上传 API群头像
管理端 群列表/群详情/解散群
前端 9 个新页面 + 群聊 Store + 会话列表 Tab 改造

Task 完成状态

Task 描述 状态
Task 0 MinIO Docker + SDK + 通用上传 API 完成
Task 1 数据库迁移 + Model + 常量 完成
Task 2 Group DAO 层 完成
Task 3 Group Service 业务逻辑 + WS 推送 完成
Task 4 Group Controller + Router + Wire 完成
Task 5 IM Service 扩展(群消息/@提醒/管理员撤回) 完成
Task 6 已读回执后端(单聊 + 群聊) 完成
Task 7 代码审查修复Critical 4 项 + Important 4 项) 完成
Task 8 前端已读回执 UI单聊标记 + 群聊计数 + 详情页) 完成
Task 9 前端群聊 Store + API 封装 + WS 事件监听 完成
Task 10 群聊核心页面Tab 切换 + 群聊对话页 + 创建群聊页) 完成
Task 11 群聊管理页面(群设置 + 成员管理 + 邀请入群) 完成
Task 12 群聊辅助功能(入群审批 + 搜索群聊) 完成
Task 13 管理端群组管理 + 文档更新 完成
代码审查修复 14 项修复Critical×5 + Important×4 + Minor×2 + Suggestion×3 完成
Playwright 测试 + 用户反馈修复 浏览器端到端测试 + 21 项修复(搜索/UI/交互/功能增强) 完成

用户测试修复详情Phase 2c

# 修复内容
Fix T1 create.vue 创建群后跳转使用 result.id(原 result.group_id 字段不存在)
Fix T2 conversation/settings/members/join-requests 用 user_nickname 替代 username(对齐 DTO
Fix T3 管理端群组详情弹窗 UI 全面重设计(卡片+头像+分区布局+成员mini头像
Fix T4 群搜索结果已在群内的显示「已加入」标签,不再显示「申请加入」按钮
Fix T5 group_dao.go SearchGroups 改用 ILIKE 模糊匹配(原 to_tsvector 不支持混合词搜索)
Fix T6 conversation.vue 增加 groupId=0 时从 chatStore 回退查找 group_id
Fix T7 create.vue 最低选择人数从 2 改为 1支持 2 人群聊)
Fix T8 create.vue 支持搜索非好友用户并加入群聊(全站用户搜索 + 非好友标签)
Fix T9 invite.vue 支持搜索非好友用户并邀请入群(同 create.vue 改造)
Fix T10 admin/list.vue 成员表用 username 替代 user_nickname(对齐 admin DTO
Fix T11 群聊已读回执优化无人已读时显示「0人已读」含点击跳转已读详情功能
Fix T12 新好友聊天页 conversationId=0 时「加载更多」点击报错hasMore 增加 ID 校验)
Fix T13 联系人 TabBar 添加好友申请未读数 badge与消息 Tab 一致的交互体验)
Fix T14 App.vue 启动时预加载好友申请数,确保 badge 立即可见
Fix T15 单聊已读回执:后端 MarkRead 缺失 im.message.read.ack 推送(补全对方已读通知链路)
Fix T16 群成员列表页为所有角色添加身份标识(群主/管理员/成员)
Fix T17 全局修复 e?.data?.messagee?.message8 个页面 18 处,确保后端错误信息正确展示)
Fix T18 members.vue 管理操作弹窗改为自定义组件(头像+角色+图标操作列表),替代 uni.showActionSheet三个点按钮从 @longpress 改为 @tap
Fix T19 已读详情页展示群内昵称:后端 DTO 新增 group_nickname 字段 + DAO 批量查询群昵称 + 前端主显群昵称/副显真实昵称
Fix T20 消息免打扰 API 补全:后端缺失 DAO/Service/Controller/Router 完整链路PUT /api/v1/im/conversations/:id/dnd
Fix T21 联系人 Tab 页切换回来后数据不刷新onMounted → 增加 onShow 生命周期钩子自动重新获取好友列表和待处理申请数

代码审查修复详情Phase 2c

# 优先级 修复内容
Fix C1 Critical conversation.vue 角色类型不匹配:字符串改为 GROUP_ROLE 数字常量
Fix C2 Critical settings.vue 群公告字段名 announcement 改为 notice对齐后端 DTO
Fix C3 Critical chat.js sendMessage 未传递 at_user_ids 到 WS payload
Fix C4 Critical create.vue 创建成功后导航错误:改为 /pages/group/conversation + 正确参数
Fix C5 Critical admin/provider.go Wire Set 未注册 GroupManageService/Controller
Fix I1 Important store/group.js searchGroups 添加 append 参数解决分页加载竞态
Fix I2 Important settings.vue 改为 fetchMembers() 刷新数据,不直接修改 computed 引用
Fix I3 Important 新增 constants/group.js 前端角色常量定义,消除魔数
Fix I4 Important group_manage_service.go 列表查询 N+1 优化:批量查询用户名和成员数
Fix M1 Minor file.js JSON.parse 添加 try/catch 异常保护
Fix M2 Minor conversation.vue isSelf 移除冗余临时状态条件
Fix S1 Suggestion 群聊对话页新增禁言状态检测和输入栏禁用提示
Fix S2 Suggestion join-requests.vue 注册 WS group.join.request 事件实时刷新
Fix S3 Suggestion read-detail.vue 获取失败时添加 uni.showToast 用户提示

Phase 2c 新增内容

后端新增模块

  • file/ — 文件上传MinIO SDK + 通用上传 API
  • group/ — 群聊管理Controller + Service + DAO + Model + Router
    • 18 个群管理 REST API + 11 个 WS 群事件推送
  • im/ 扩展 — 群消息发送/撤回 + @提醒 + 单聊/群聊已读回执
  • admin/ 扩展 — 群组列表 + 群组详情 + 解散群聊

前端新增页面9 个)

页面 路径 功能
群聊对话页 pages/group/conversation.vue 群消息收发 + @选择器 + 已读计数
创建群聊页 pages/group/create.vue 好友/非好友多选 + 全站用户搜索 + 群名称输入
群设置页 pages/group/settings.vue 群信息修改 + 成员概览 + 退出/解散
群成员页 pages/group/members.vue 成员列表 + 全角色标识(群主/管理员/成员)+ 自定义操作弹窗 + 角色管理 + 禁言操作
邀请入群页 pages/group/invite.vue 好友/非好友多选 + 全站用户搜索 + 排除已在群内成员
入群审批页 pages/group/join-requests.vue 申请列表 + 通过/拒绝操作
搜索群聊页 pages/group/search.vue 关键词搜索 + 申请加入 + 已加入状态显示
已读详情页 pages/chat/read-detail.vue 已读/未读成员列表(群聊消息级)+ 群昵称优先展示 + 真实昵称副行
会话列表改造 pages/chat/index.vue Tab 切换(全部/单聊/群聊)+ @标记 + 免打扰标识

管理端新增

页面 路径 功能
群组列表 views/group/list.vue 搜索 + 分页 + 详情弹窗 + 解散群聊

数据库新增/变更

  • im_groups — 群信息表(新增)
  • im_group_join_requests — 入群申请表(新增)
  • im_message_reads — 群消息已读表(新增)
  • im_conversation_members — 扩展字段role, nickname, is_muted, is_do_not_disturb, joined_at, at_me_count
  • im_messages — 扩展字段at_user_ids BIGINT[]

九、Phase 2d — 消息类型扩展

状态: 已完成 设计文档: docs/plans/2026-03-04-phase2d-design.md 实施计划: docs/plans/2026-03-04-phase2d-implementation.plan.md 分支: feature/phase2d-message-types

功能范围

模块 内容
文件上传增强 50MB 上传上限、图片缩略图200px JPEG、语音校验mp3/wav/aac/m4a, 最长 60s
富媒体消息 图片(多图网格 + 大图预览)、语音(录制+播放+波形)、文件(卡片+下载+预览)
IM Service extra JSON 存储、会话列表预览文案([图片x3]/[语音 12"]/[文件] xxx.pdf
前端组件 MsgText/MsgImage/MsgVoice/MsgFile + MorePanel + VoiceRecorder
管理端 消息列表(多条件筛选+撤回+删除+详情)+ 消息统计仪表板ECharts 四图表)

Task 完成状态

Task 描述 状态
Task 1 文件上传服务增强50MB + 缩略图 + 语音校验) 完成
Task 2 消息 extra 结构定义 + DTO 扩展 + 常量启用 完成
Task 3 IM Service 适配富媒体消息 完成
Task 4 管理端消息 DAO + Service + Controller 完成
Task 5 消息组件体系 + conversation 页改造 完成
Task 6 图片消息完整流程 完成
Task 7 语音消息完整流程 完成
Task 8 文件消息完整流程 完成
Task 9 输入栏改造 完成
Task 10 管理端消息列表页 完成
Task 11 管理端消息统计页 完成
Task 12 管理端路由 + Store + API 完成
Task 13 群聊适配 + 编译验证 完成
Task 14 代码审查 + 文档更新 完成
代码审查修复 C1: im_groups 表名修复 + C2: 管理端撤回 WS 推送补全 完成

后端新增/修改

文件上传 API

方法 路径 说明
POST /api/v1/upload/image 图片上传(含缩略图生成)
POST /api/v1/upload/voice 语音上传(含时长校验)

管理端消息 API

方法 路径 说明
GET /api/v1/admin/messages 消息列表(分页+多条件筛选)
GET /api/v1/admin/messages/:id 消息详情
DELETE /api/v1/admin/messages/:id 删除消息(软删除)
PUT /api/v1/admin/messages/:id/recall 撤回消息(+WS 推送)
GET /api/v1/admin/messages/stats 消息统计

前端新增组件

组件 路径 功能
MsgText.vue components/msg/ 文本消息渲染
MsgImage.vue components/msg/ 图片网格 + 大图预览
MsgVoice.vue components/msg/ 语音播放 + 波形 + 时长
MsgFile.vue components/msg/ 文件卡片 + 下载 + 预览
MorePanel.vue components/chat/ "+"展开面板
VoiceRecorder.vue components/chat/ 长按录音

管理端新增页面

页面 路径 功能
消息列表 views/message/list.vue 多条件筛选 + 操作 + 详情弹窗
消息统计 views/message/stats.vue 趋势折线图 + 类型饼图 + 活跃排行

Playwright 端到端测试2026-04-17

测试项 结果 说明
前台单聊输入栏改造 通过 语音切换 + MorePanel 展开正常
前台群聊输入栏改造 通过 与单聊一致的改造结构
管理端消息列表展示 通过 表格、分页、操作按钮正常
管理端筛选功能 通过 关键词/类型/发送者ID/重置全部正常
管理端撤回/删除操作 通过 确认弹窗 + 状态变更 + 按钮联动正常
管理端消息详情弹窗 通过 发送者信息 + 元数据 + 内容展示正常
管理端消息统计图表 通过 ECharts 线图/饼图/条形图渲染正常

详细报告:test-report-phase2d.md

留待后续阶段

  • 群头像上传 UI 完善
  • 消息转发功能
  • 视频消息支持