【技术分享】贝壳前端一站式管控平台 - 浮屠系统

931 阅读5分钟

本文作者: 李俊冬

浮屠系统是架构组出品的贝壳前端一站式管控平台,截止目前,系统已接入148 个前端项目,浮屠的管控覆盖了项目启动(脚手架初始化)、项目开发构建(青蝉构建)、上线监控(前端灯塔监控、Node 监控),覆盖了前端开发的全流程。

今天我们把这个流程拆分,看下过程中我们可以做哪些事情帮助开发者提效。

先考虑两个问题:你了解当前正在开发的前端项目吗?你了解你的团队正在负责的项目吗?不用急着给答案,不妨看完这篇文章之后再给出答案。

  1. 项目启动

项目启动阶段,我们需要对项目进行技术选型,前端开发者每每这个时刻既开心又痛苦,开心于可以尝试新技术新方案,痛苦于新方案太多以至于不知该如何下手:

  • 选什么框架?

  • 想用 SSR,不过得先调研

  • 外部开源脚手架无法满足需求

  • 选用开源脚手架,担心后续无人维护

  • 技术选好了,有没有最佳实践?

对于开发者而言,解答这些问题的过程需要进行大量的调研与尝试,这样苦恼的过程会在每次新项目启动时“昨日重现”,为了解决这个问题,浮屠整合了贝壳前端的优秀脚手架方案,覆盖了服务端和前端,方案包括 SSR、client 最佳实践以及 server & client 全家桶,这些脚手架方案均已应用在公司内的项目中,并有专人负责维护更新。使用时,我们的开发者只需要选择适合当前项目的脚手架技术栈进行初始化即可。创建完成后,脚手架会被注入新建的 Git 仓库,开发者可以开箱即用。

0 (9).png 创建项目时除了脚手架的初始化,开发者可以选择项目需要接入的子系统,系统将会在项目创建时自动接入开发者选择的系统,当前我们支持青蝉、灯塔、落兵台、技术门户、哨兵、hobber-dashboard 等多个子系统的一键接入。

0 (1) (1).png

有了这些能力的支持,前端开发者创建项目时,不会再出现 “开发五分钟,配置两小时”的窘况,不用关心构建如何配置、灯塔如何申请、Node 监控如何配置,你只需要录入一些项目信息,点选创建按钮,不消一口可乐的时间,浮屠会为你做好配置。

0.png

有些同学可能会问,说到现在都是新项目,存量项目怎么办?别急,已有项目在浮屠中有专属的录入入口,只需要填写一些必要的信息,即可一键接入,体验浮屠的服务。

0 (2) (1).png

  1. 项目管控

2-1. 开发者协作

项目初始化完成后,我们的开发同学开始密集的开发工作,合作过程中信息同步很重要,项目信息的管理不合理会造成合作效率低下、合作体验不佳,当有新同学入场或者在项目交接时,我们会被高频问到诸如:项目接了哪些配置?项目有监控吗?在哪看?项目都接了哪些系统?这类问题,如果项目接入了浮屠,浮屠会帮你解答这些问题。

我们在浮屠中管理项目的基本信息,看项目的监控信息,进行项目构建,测试环境的发布等等。

0 (2) (2).png

这些信息可以满足我们“看”的需求,但更重要的场景则是“管”,还是新同学,还是熟悉的问题:加权限该找谁?帮我加一下青蝉/灯塔/hobber-dashboard 的权限。没接入浮屠前,你可能问了半天找到了项目的负责人,最后他分别跑到三个系统中帮你加了权限,在浮屠里,权限管理可以更简单,浮屠项目的权限会下发到子系统中,即你拥有了浮屠项目的权限后,项目配置的子系统会默认继承你的权限能力,无需独立添加。

0 (2).png

2-2. 子系统使用

过去,我们在开发一个项目时,需要去青蝉站点进行构建,去灯塔系统看前端监控,去 hobber-dashboard 看 node 监控数据,一个项目的维护需要前往多个站点进行管理,但现在开发者可以在浮屠中无缝体验上面这些系统,得益于微前端技术在浮屠中的实践,开发者可以获得原始站点的使用体验。

  • 熟悉的青蝉,熟悉的构建体验

0 (5).png

  • 熟悉的灯塔,熟悉的监控数据

0 (6) (1).png

  • 熟悉的 hobber dashboard,熟悉的 Node 监控数据

0 (7) (1).png

  • 查看项目的 sonar

0 (8) (1).png

  1. 生态建设

到这里,我们已经介绍了浮屠的大部分核心功能,浮屠项目的初衷是推进贝壳前端的标准化和统一,浮屠项目的迭代过程中,大量兄弟团队加入共建,生态渐成,优秀的项目脚手架和系统如 kssr、最佳实践、哨兵等的加入让浮屠的生态更佳完整。期待更多同学、更多优秀的技术产品可以加入一起共建贝壳前端生态。

最后总结一下,浮屠带来的前端开发新模式,是子系统的统一管控让项目开发更灵活,项目配置可插拔,是标准化的管控方式和框架让开发者认知对齐,人员合作更灵活,是平台化的工具管理,让前端生态更快迭代演进。