这半年做了不少的前端基建,虽说系统迷你且有诸多问题,远达不到业界优秀开源的地步,起码目前是满足内部需要。再说罗马也不是一日建成的,先从简单的系统开始,再根据业务情况不断的扩展,在这个阶段,其实自己也能学到很多知识。毕竟以前都是用别人开发好的工具,现在要自己写,不管系统多小,都要自己去理解去设计,所以整个开发过程其实会进一步加深对基建的理解。

那我都实现了哪些基建?这里简单介绍一下各个平台的功能,具体每个平台会单独出一篇文章说明其背景、开发思路等细节。此外,整个平台采用了微前端+monorepo的架构,具体内容后续也会单独介绍。

Basement

前端迭代管理 & 发布平台,其实是老东家内部的迭代管理平台,在现在这个公司,我就沿用了这个名字。

功能

  • 项目管理(新建、编辑、删除)

  • 迭代管理(新建、编辑、删除)

  • 日报管理(新增、编辑、发送到群里)

  • 部署(开发、测试、线上、回滚)

  • 分支管理(根据内部规范,分类管理分支,比如 hotfix/story/release/...)

  • MR 管理 (创建MR、查看MR列表)

  • 上线记录(上线/tag记录)

API Mock

接口 Mock 平台

功能

  • 项目管理(新建、编辑、删除)

  • 接口管理(新建、编辑、删除)

  • Mock(GET/POST, timeout, postman)

埋点管理平台

功能

  • 埋点录入、状态变更、搜索

  • 自动验证

性能监控平台

功能

  • 设备分析

  • 用户分析

  • HTTP 分析

  • js错误

  • 静态资源错误

NPM 包管理平台

功能

  • 支持 普通包、 monorepo

  • 支持发布到 npm, cdn

  • 发布权限管理

  • 发布记录列表

  • 每次发布的changelog

周报系统

  • 写周报

  • 查看本周周报

  • 周报 archive

文件上传平台

  • 列表、大图模式预览

  • 支持文件夹

业务开关配置

  • 支持配置字符串、布尔值类型

  • 支持开关的禁用、删除