乐趣区

关于前端:ABF平台设计五物料中心脚手架

概念

● 狭义上的物料是指与产品生产无关的所有物品,但对于前端开发来讲,物料(或前端物料)就是指组成页面并可能使其可能失常运行所需的元素(如一个按钮、一组按钮等),这里将这些元素统称为前端物料。
● 前端物料不是简略的前端展现元素,而是内置了特定的 UI 展现、约定的行为动作、共性的业务属性、…,正是因为有了这些与业务特色严密关联的内容,才使得开发内容看上去更像是积木的拼接,而无需大量代码(甚至无需代码)就实现业务诉求,这样不仅前端业余人员能够进行前端开发,也能使非前端人员能够进行“前端开发”。

背景

● 近几年,团体前端畛域的根底组件库曾经稳固在 Fusion 和 AntD,尽管底层的根底依赖都对立了,但随着业务疾速倒退,在根底组件上又产生了一批业务组件、业务区块,甚至业务模版,这些内容有时候简略地抽离一下业务元素,就能够变成横向共用的内容,但信息过于扩散,也不利于共用内容的流通。
● 业务少量须要线上化,前端业务需要增长很快,即便前端人员高负荷投入,也会经常出现资源短缺的状况。

指标

● 流通:将所有页面组成元素,聚合在一起治理,便于物料之间的互相流通、应用。
● 通用:物料跟业务是一种弱链接的关系,不同业务能够通过简略配置接入应用
● 便捷:业务相干人员能够在不同水平上进行前端工程的开发:

○ 前端开发人员(CODING、LOWCODE):物料应用框架、物料组合能力、简单的前端能力
○ 后端开发人员(LOWCODE):应用物料框架、应用物料组合、简略的前端能力
○ 业务经营人员(NOCODE):物料搭建出业务能力

技术计划

一张图看懂全副

从整体架构图,能够看出,物料核心提供三种能力:
● 组合转化:根底元素整合为物料的能力
● 规定束缚:物料协定束缚物料的生产规定,物料协定以团体物料协定为根据,不便后续物料无缝跟团体物料核心买通共享
● 信息存储:信息集中存储

物料生产流程
依据物料开发方式将其分为两类:源码物料、搭建物料,但无论那类物料,都有一个独特的生命周期(从生产到应用),上面就介绍一下物料的生产流程:

整个物料生产流程分为三个阶段:

a. 创立物料:在物料核心注册前端物料
b. 生产物料:利用源码或搭建形式实现物料的生产
c. 公布物料:将物料公布在物料核心,供业务相干人员应用

1. 创立物料
将物料注册在物料核心,对其进行治理,更好地提供给应用方应用
● 注册物料须要填写物料的根本信息,而后将物料注册在物料核心:拜访 ABF 物料核心,点击新建物料,进入到物料注册页,填写根本信息实现注册
● 在物料注册页,实现后,会主动进入到物料详情页,依据物料生产方式进行相应的开发:源码开发物料或搭建物料。

2. 生产物料
依据注册时填写的生产方式,注册完物料,会进入到物料对应的详情,而后对物料进行开发或搭建
● 源码开发

○ 源码形式生产的物料,在详情给出进入仓库的入口开发,点击开发会进入到组件的 git 仓库
○ 源码物料开发须要应用脚手架开发
○ 开发者在开发物料性能的同时须要对物料一些标准进行编写,生成符合规范的 meta.json(物料形容 schema)○ 物料开发实现,本地运行都能够了,同时 meta.json 也依照约定书写实现,就能够公布物料了,公布物料的过程跟公布失常组件一样,提交代码,进行代码 review,打包编译等一系列的 CI 过后,物料源码会以 umd 格局被部署到 CDN 上,这样源码物料的开发就实现了。○ 源码物料在本地开发实现,并部署到 CDN,只是实现了物料的具体生产和更新上传,最终要应用,还须要在物料核心进行公布

● 可视化搭建

○ 可视化搭建生产的物料,通过详情页的 搭建(或 新增)进入到搭建核心,生产物料
○ 在搭建核心利用现有的物料对其进行搭建,搭建实现后,能够先预览,而后保留,保留后就搭建完了物料。与源码物料相似,搭建并保留后,只是实现物料的具体生产和更新上传,最终要应用,还须要在物料核心进行公布。

3. 公布物料
● 物料的公布不辨别物料的生产方式,物料开发者都能够通过物料详情(源码物料或搭建物料)的迭代治理,进入迭代列表对物料进行公布
● 公布后的物料就能够在搭建核心看到并应用了

4. 物料类型
● 物料目前分两类:一种是根底物料即 antD 物料组件,次要是通用化物料,如表格,表单,按钮,弹框,等等。另一种是业务物料,次要是满足业务定制化需要的物料,如流程标准化物料,精细化经营平台物料,打标平台物料等等,满足特定业务场景应用。
● 同时咱们还提供了精品物料的概念,依据物料的应用状况和业务通用化能力,为物料进行分级举荐,不便用户的应用。
● 最初在物料的应用原则上咱们遵循多用根底物料,少用定制化物料的准则,尽量施展物料组件的通用化能力,做到更多的业务场景下应用。

后话

目前团队的开发模式曾经从组件页面开发逐渐向定制化物料的开发进行转变,业余前端开发者关注点从业务转变到物料上,同时经营、BD、后端等非专业开发者亦可染指进来,配合低代码搭建的形式疾速反对各种业务。物料核心作为一个物料的治理平台,真正的价值是通过“物料”的收敛和治理,为 LowCode 和 NoCode 等开发方式提供了根底砖块,为传统开发方式的转变提供撑持。

退出移动版