bujinyuan f1853f125d feat: Phase 2e-1 统一通知中心 + 我的 TabBar 聚合未读红点
后端(notify 模块)
- 新增 notify 模块:DAO/Service/Pusher 接口/Controller/Router/CleanupTask
- 数据库 DDL:notify_notifications 表 + 3 索引(user+created/user+is_read/user+category)
- 11 种 type 枚举(好友/群聊 9 种 + meeting_* 2 种预留)+ 4 种 category
- 跨模块集成:contact 3 处 Pusher(friend_request/accepted/rejected)
- 跨模块集成:group 6 处 Pusher(invite/join_request/approved/rejected/kicked/role_changed)
- WS handler 断线补偿:连接建立即推送 notify.unread.total
- 5 REST API(4 用户 + 1 管理员广播)+ 2 WS 事件(notify.new / notify.unread.total)
- 30 天已读通知定时清理(未读永久保留)
- Provider/Wire 依赖注入(NotifyPusher、NotifyConnectHook、UserInfoResolver 接口)

前端
- 新增 notify 模块:API/Pinia Store(5 分类分页缓存 + 未读数 + WS 事件)/NotifyItem/通知中心主页
- profile 入口:铃铛 badge + 菜单项 badge + 数字显示
- App.vue/login 初始化 notifyStore WS 监听;logout 调用 notifyStore.reset() 清缓存
- 清理 contact.js/group.js 中散落 toast 与冗余 notify.friend.request/group.join.request 处理
- CustomTabBar 新增 hasDot() 聚合指示器:我的 Tab 显示纯红点(无数字),
  当前聚合 notifyStore.unreadTotal,未来可扩展「资料待完善/安全提醒/新版本」等

文档
- 新增 Phase 2e 整体路线图 docs/plans/2026-04-20-phase2e-design.md
- 新增 Phase 2e-1 专用设计 docs/plans/2026-04-20-phase2e-1-design.md(§6.4 TabBar 聚合红点)
- 新增 Phase 2e-1 实施计划 docs/plans/2026-04-20-phase2e-1-implementation.plan.md
- 新增 E2E 验证报告 test-report-phase2e-1-notification.md(含 Playwright MCP 2 个现场 Bug 修复记录)
- 更新 docs/progress/CURRENT_STATUS.md、docs/api/README.md、docs/api/frontend/notify.md
- 更新 .cursor/rules/project-context.mdc、docs/plans/2026-02-27-echochat-system-design.md

其他
- .gitignore 排除 .playwright-mcp/ MCP 临时快照

架构决策
- 单端 WS 连接:沿用现有 ws.Hub,多端已读同步推迟到 Phase 2f/二期
- 跨模块依赖:contact/group → notify 严格单向(接口注入模式)
- 降级策略:Pusher 先入库后推送;WS 失败不回滚入库;入库失败仅 Warn 不影响业务

Playwright MCP 回归(4 类场景全通)
- 实时推送(admin 广播 → 1s 内前端自动插入 + 角标 +1)
- Deep-link 跳转(好友申请通知 → contact/request 页)
- 批量清零(全部已读按钮)
- TabBar 聚合红点(有未读亮/全部已读灭)与 notifyStore.unreadTotal 三层同步

Made-with: Cursor
2026-04-21 10:21:01 +08:00
2026-02-27 15:56:51 +08:00

EchoChat - 音视频会议直播系统

EchoChat 是一套跨端可用、可扩展、可演进的实时音视频会议直播系统。支持即时聊天、多人音视频会议、互动直播等核心功能,采用控制面与媒体面彻底分离的架构设计。


技术栈

层级 技术 说明
前台前端 uniapp (Vue 3) + mediasoup-client 多端适配H5/App/小程序)
后台管理端 Vue 3 + Vite + Element Plus PC Web 管理后台
后端服务 Go (Gin + GORM + Wire + zap) 业务逻辑、信令控制
媒体服务 Node.js + mediasoup SFU 媒体控制与转发
数据库 PostgreSQL 17 持久化数据存储
缓存 Redis 7 实时状态、会话缓存
部署 Docker Compose / Nginx 容器化部署,预留 K8s

系统架构

客户端 (uniapp / Vue3 管理端)
    │
    │ WebSocket + HTTP
    │
Go 单体服务 (模块化)
    │ ├── auth      用户认证鉴权
    │ ├── im        即时通讯
    │ ├── contact   联系人管理
    │ ├── meeting   会议控制/信令
    │ ├── notify    消息通知
    │ └── admin     后台管理
    │
    ├── PostgreSQL  (持久化数据)
    ├── Redis       (实时状态)
    │
    │ HTTP
    │
mediasoup Node 服务
    │ IPC
mediasoup Worker (C++ SFU)

核心设计思想:控制面与媒体面分离。Go 处理所有业务逻辑和信令控制mediasoup 专注音视频媒体转发,音视频流直连 SFU Worker不经过 Go 服务。


项目结构:

EchoChat/
├── frontend/              # 前台用户端 (uni-app + Vue 3.4)
├── admin/                 # 后台管理端 (Vue 3.5 + Element Plus)
├── backend/
│   └── go-service/        # Go 后端服务 (Gin + GORM + Wire)
│       ├── app/           # 业务模块 (auth / admin)
│       ├── cmd/server/    # 服务入口
│       ├── config/        # 配置文件
│       ├── pkg/           # 公共包 (db / logs / middleware / utils)
│       └── router/        # 路由聚合
├── media-server/          # mediasoup Node 媒体服务 (Phase 3)
├── deploy/                # 部署配置 (Docker Compose)
├── design-system/         # UI 设计系统 (ui-ux-pro-max 生成)
├── docs/                  # 项目文档
│   ├── progress/          # 开发进度
│   ├── plans/             # 实施计划
│   ├── api/               # API 接口文档
│   └── architecture/      # 架构设计文档
└── README.md

快速开始

环境要求

  • Go 1.23+
  • Node.js 18+
  • Docker & Docker Compose
  • PostgreSQL 17通过 Docker 自动启动)
  • Redis 7通过 Docker 自动启动)

方式一:一键脚本(推荐)

项目在 scripts/ 目录遵循「首次初始化 / 日常启停」职责分离模式,参考 Rails / Django / Next.js 社区通用做法:

脚本 用途 使用频率
scripts/dev-setup.sh 首次环境初始化:检查 Docker、拉起 Postgres/Redis/MinIO、重试式健康检查 仅首次 clone 或重建卷时
scripts/start.sh 日常启动:秒级拉起全部服务(容器 + 应用层) 每天多次
scripts/stop.sh 日常停止:优雅终止应用层,默认保留容器 每天多次
scripts/status.sh 状态查看:端口 / PID / 容器一览 排障随时

首次使用(仅一次)

# 首次 clone 后执行一次,完成 Docker 中间件初始化 + 健康检查
./scripts/dev-setup.sh

日常启停

# 启动全部服务
./scripts/start.sh

# 查看服务状态(端口/PID/容器)
./scripts/status.sh

# 停止应用层(保留 Docker 中间件)
./scripts/stop.sh

# 停止全部(含 Docker 中间件)
./scripts/stop.sh --all

# 只启停单项(可选 docker|backend|frontend|admin
./scripts/start.sh backend
./scripts/stop.sh frontend

后台进程的 PID 与日志默认写入 .run/(已加入 gitignore排障时可直接查看 .run/logs/*.log

启动后各服务地址:

服务 端口 说明
前台用户端 (H5) 5173 http://localhost:5173
后台管理端 3100 http://localhost:3100
Go 后端 API 8085 http://localhost:8085/health 健康检查)
PostgreSQL 5432 Docker 容器 echochat-postgres
Redis 6379 Docker 容器 echochat-redis
MinIO API 9000 对象存储S3 兼容
MinIO Console 9001 http://localhost:9001echochat / echochat123456

方式二Docker Compose 全量启动

cd deploy
docker compose -f docker-compose.dev.yml up -d

注意:此方式下 Go 后端、前台、管理端需按下方「方式三」各自启动,或在 compose 中启用 go-service 服务。

方式三:分步手动启动(开发调试)

1. 启动基础设施(数据库 + 缓存)

cd deploy
docker compose -f docker-compose.dev.yml up -d postgres redis

2. 启动 Go 后端

cd backend/go-service
go mod tidy
go run cmd/server/main.go

后端启动在 http://localhost:8085,健康检查:GET /health

3. 启动前台用户端uni-app H5

cd frontend
npm install --legacy-peer-deps
npm run dev:h5

前台 H5 启动在 http://localhost:5173(端口可能递增)

4. 启动后台管理端Vue 3

cd admin
npm install
npm run dev

管理端启动在 http://localhost:3100(自动代理 /api 到后端 8085


MVP 功能规划(第一期)

Phase 1 — 基础设施与用户认证

  • 设计方案与架构文档
  • Docker Compose 开发环境PostgreSQL + Redis
  • Go 后端服务骨架Gin + GORM + Wire + Zap
  • 用户注册/登录 API用户名+邮箱+密码)
  • JWT Token 认证(有状态 JWT + Redis
  • RBAC 角色权限user / admin / super_admin
  • 前台 uni-app 骨架 + 登录/注册/TabBar/个人中心
  • 后台 Vue 3 管理端 + 登录/布局/用户管理
  • Go 服务 Dockerfile + Docker Compose 全栈部署

Phase 2 — 即时通讯(待开始)

  • 即时聊天(单聊 + 群聊,文字/图片/文件)
  • 联系人/好友管理
  • 消息通知系统

Phase 3 — 音视频会议(待开始)

  • 多人音视频会议(即时会议 + 预约会议)
  • 后台管理端会议监控

后续规划

  • 屏幕共享
  • 微信授权登录
  • 互动直播(主播/观众/弹幕)
  • 会议录制与回放
  • 微服务拆分 + K8s 部署
  • AI 辅助功能(语音转文字、会议纪要)

文档导航

文档 路径 说明
项目进度 docs/progress/CURRENT_STATUS.md 当前开发进度与技术决策
整体设计方案 docs/plans/2026-02-27-echochat-system-design.md 系统完整设计方案
第一阶段实施计划 docs/plans/2026-02-27-phase1-foundation-and-auth.md 基础设施+用户体系实施步骤
系统架构文档 docs/architecture/system-architecture.md 架构分层与技术选型
API 接口文档 docs/api/ 按端+模块拆分的 REST API + WebSocket 事件定义

开源协议

MIT License

Description
No description provided
Readme 4.4 MiB
Languages
Go 40.6%
Vue 33.2%
JavaScript 12.5%
TypeScript 5.2%
Blade 4%
Other 4.4%