企业级微前端多应用管理平台产品系统

我要开发同款
betty2026年10月14日
4阅读

技术信息

语言技术
JavaScript、Vue、TypeScript、ElementUI
系统类型
Web
行业分类
网络安全、人工智能

作品详情

行业场景

面向大型企业的综合运营管理 SaaS 平台,覆盖安全运营、设备管理、工单流转、合规审计、数据报表等多个业务域。平台服务于企业内部运营团队,支持多角色协同(管理员、运营人员、客服、审计人员),处理每日大量的设备监控数据、安全告警事件、客户服务工单,是企业日常运营的核心支撑系统。

功能介绍

基于微前端架构的企业级综合管理平台,包含安全管理、效率工具、报表中心、小程序等多个独立子应用。各子应用独立开发、独立部署,通过 Module Federation 实现跨应用通信与共享依赖。平台涵盖客户管理、工作台、设备管理、工单流转、合规检查、数据报表等核心业务模块。

项目实现

角色(前端特性组负责人):作为平台某特性组的前端 owner,独立对接项目组,参与需求评审、交互评审与前端工作量评估 / 拆解;任务集中时带领多位同事分派协作,制定前端项目目标、输出版本总结,为特性整体交付结果负责。
微前端架构(模块联邦):主导安服数字化平台(SDSP)的微前端改造与接入——基于 webpack5 Module Federation 将 SDSP 单体改造为可被安全运营平台(MSSP)远程加载的子应用(csdsp),打通跨应用路由与组件复用;解决联邦场景下的样式冲突、国际化实例冲突、公共依赖重复加载等核心问题。
MSSW 融合迁移(主导):把存量 MSSP 平台迁入 MSSW 多形态宿主,采用"独立 html + iframe"复用老系统,打通构建→制品→流水线→iframe 壳全链路。
性能优化(数据驱动):牵头 MSSP 性能专项,按「网络层 + 渲染层」双线治理,达成核心用户页面访问 P75 4.97s→3.23s(−35%)、核心 TOP10 页面平均 4.5s→3.45s 的目标。
国际化与多品牌出海:主导前端时区标准化与表单 label 宽度自适应两项基础能力——前者统一海外多区域的时间处理(+08:00 格式、请求头透传、双时区展示),后者解决多语言文案长短不一导致的表单排版问题;参与多品牌×多语言 i18n 体系建设,能力被 EASM 等同仓产品复用。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论