Back to profile

Project Detail / Editorial

企业云控制台架构升级

前端架构负责人2022.08 — 2023.08微前端性能可观测性平台工程
企业云控制台架构升级

将大型云控制台从单体前端迁移到微前端架构，统一权限、菜单、埋点、错误监控和发布流程。

背景

旧控制台由多个团队在同一个仓库中持续堆叠，构建慢、发布风险高、权限和路由逻辑重复。业务团队希望独立发布，但又必须保持统一导航、登录态、权限和埋点。

技术方案

  • 设计 Shell + 子应用架构，统一登录态、路由注册和菜单协议
  • 抽象权限 SDK，支持资源级权限和按钮级权限
  • 建立应用模板和脚手架，减少新子应用接入成本
  • 接入 Web Vitals、错误追踪、接口耗时和白屏检测

结果

40+ 子应用完成迁移，构建效率提升 60%，核心页面 LCP 从 3.2s 降至 1.1s，200+ 页面接入统一监控。发布事故率明显下降，业务团队可以按模块独立迭代。