技术栈: React 18、Umi v4、Ant Design、ahooks、Tailwind CSS、ECharts
项目描述:企业级网络流量分析平台,支持实时/离线双模式流量采集、监控与安全分析,为网络安全运维提供全方位的态势感知与威胁检测能力。
核心功能模块:实时分析: 项目看板、接口管理、态势总览、流量可视、数据研判、场景分析。离线分析: 支持历史流量回溯分析,功能与实时分析对应。流量池: 采集流量、上传流量、远程流量、提取流量的统一管理。安全管理: 统一配置、资产预设、安全联动、情报查询、知识库管理。系统管理: 角色/用户管理、版本管理、系统授权、系统安全、API管理。日志中心: 操作日志、消息日志、告警外发、日志推送。设备管理: 基础配置、资源监控、空间管理、系统启停、恢复出厂设置。
主要工作和成果:
负责企业级核心产品「全流量融合分析系统」前端全流程开发,支撑Gbps级流量实时采集与安全分析,覆盖8大功能模块、50+页面
主导实时分析模块与流量池模块开发,实现物理/虚拟接口配置、多源流量统一管理,优化流量预处理逻辑
基于ECharts构建实时态势可视化大屏,支持全屏展示与数据挖掘分析,满足运维人员实时监控需求
封装表单校验、权限控制等通用业务组件,形成团队专属组件库manyin-components,组件复用率达60%,团队开发效率提升40%
运用ahooks优化数据请求,实现轮询监控、缓存管理,结合TS类型定义保障代码健壮性,前端包体积优化减少30%
搭建自动化部署流程,实现一键部署至生产环境,配合完整Git提交校验,降低线上故障发生率