中国移动轻量化应用开发平台

一款一站式软件研发管理平台，提供 Git代码托管、制品库、代码构建、容器资源、API及套件市场，支持开发者基于云原生架构以敏捷开发模式快速开发、测试、部署与运维及监控告警，助力研发效能升级的产品，目前已迭代到4.0版本

1. 负责工程的搭建，技术栈为React，包含路由设计，页面整体布局设计，公用组件的拆分，公用方法、样式的编写，各种常量定义，UI组件的二次封装，权限组件和方法的封装以及语言国际化的设计；该项目采用qinakun微前端架构，通过主应用透传数据给子应用，实现应用间的通信

2. 使用Module Federation(模块联邦)实现数据共享，方便管理的同时也大大减少了子应用体积，从而减少页面加载时间

3. 负责登录的实现，登录时对密码进行RSA非对称加密；账密后的短信验证码效果的实现

4. 负责概览、大屏监控、网络拓扑图的实现，采用bizcharts和antv/G6实现数据可视化

5. 负责代码仓库管理，管理仓库成员，多层级查看文件目录，利用无限滚动实现提交记录的查看，代码分支和标签的新建和删除

6. 负责负载的管理，新建负载采用分步骤的复杂表单提交，使用了useContext透传数据，方便子组件实时获取；负载日志的展示，使用ansi_up.js将ANSI 颜色转义码的文本转换为 HTML

7. 负责告警的实现，针对负载、套件、节点、环境以及出入访进行告警，可配置告警级别、扫描间隔、通知间隔、通知次数、使用率阈值以及排除配置

8. 负责公告的管理，运营平台新建、编辑、送审、审核、发布、下线公告，前台轮播展示公告

9. 负责终端命令行的实现，利用xterm.js，基于websocket实现，终端支持操作审计，前端记录输入的各种命令

10. 负责自定义角色权限的管理，使用表格来控制树形结构的权限数据勾选或取消勾选

11. 负责大文件上传下载的实现，文件使用web-worker生成hash码，断点续传文件，分片上传文件，文件下载也使用分片下载，使用插件merge文件

12. 负责reuqest的二次封装，接口错误时根据错误类型提示相应的错误，除一些固定参数外，开发人员可自定义参数传入

13. 使用service-worker对页面进行缓存，避免重复数据请求，优化用户体验

14. 使用webpack-bundle-analyzer生成依赖的分析报告，根据分析报告优化依赖的代码，减少依赖包体积，减少网页加载时间