概念●广义上,素材是指与产品生产相关的所有项目,但对于前端开发来说,素材(或称前端素材)是指组件那些构成页面并且可以用来使其正常工作所需要的元素(比如一个按钮,一组按钮等),这些元素在这里统称为前端素材。●前端素材不是简单的前端展示元素,而是内置特定的UI展示,约定的行为,个性化的业务属性,……正是因为这些内容与业务特性密切相关,所以开发的内容看起来更像是积木的拼接,不需要大量的代码(甚至不需要代码)就可以完成商业诉求,这样不仅前端专业人士可以进行前端开发,非前端也可以人员可以进行“前端开发”。背景●近年来,集团前端领域的基础组件库已经稳定在Fusion和AntD。虽然底层的基础依赖是统一的,但是随着业务的快速发展,在基础组件上产生了很多业务组件和业务域。块,甚至是业务模板,有时候这些内容可以通过简单的提取业务元素进行横向共享,但是信息过于分散,不利于共享内容的流通。●大量业务需要上线,前端业务需求快速增长。即使前端人员投入巨大,也经常会出现资源短缺的情况。目标●流通性:将页面所有元素聚合在一起管理,方便素材的相互流通和使用。●通用:素材与业务之间存在薄弱环节,通过简单的配置即可接入和使用不同的业务●便捷性:业务相关人员可以不同程度开发前端项目:○前端开发人员(CODING、LOWCODE):素材使用框架,素材组合能力,复杂前端能力○后端开发人员(LOWCODE):使用素材框架,使用素材组合,简单前端能力○业务运营人员(NOCODE):构建业务能力技术planwithmaterials从整体架构图可以看出,物料中心提供了三个能力:●组合转化:将基础元素整合到物料中的能力●规则约束:物料约定约束物料的生产规则,物料约定以集团物料协议为基础,方便后续物料无缝对接与集团物资中心共享。信息存储:信息集中存储。材料的生产过程按材料开发方式分为两大类:源代码材料和构建材料,但不管是哪一种材料,都有一个共同的材料生命周期(从生产到使用),下面是材料制作过程的介绍:整个材料制作过程分为三个阶段:a.创建素材:在素材中心注册前端素材b.制作素材:使用源码或构造方法完成素材的制作c.发布素材:在素材中心发布素材,供业务相关人员使用1.创建素材在素材中心注册素材,进行管理,更好的提供给用户●注册材料需要填写素材的基本信息,然后在素材中心注册素材:访问ABF素材中心,点击新建素材,进入素材注册页面,填写基本信息完成注册在素材注册页面,完成后会自动进入素材详情页,根据素材制作方式进行相应的开发:源码开发素材或构建素材。2、制作材料以注册时填写的制作方式为准。注册材料后,您将输入材料的相应详细信息,然后开发或构建材料。源码开发○源码模式制作的素材,详情中给出入口开发入库,点击开发进入组件git仓库○源码素材开发需要使用脚手架开发○开发者需要编写在开发材质功能的同时对材质进行一些规范,并生成符合规范的meta.json(材质描述模式)○材质开发完成,可以进行本地操作,meta.json也按照约定编写,材质可以释放。释放材质的过程与释放普通组件相同。在提交代码,进行代码审查,打包编译等一系列的CI,素材源码会以umd格式部署到CDN,这样就完成了源码素材的开发。○源码素材在本地开发,部署到CDN。仅完成素材的具体制作和更新上传。最终要使用,需要在素材中心发布●可视化构建○可视化构建制作的素材,通过详情页的构建(或新增)进入构建中心制作素材○使用已有的在建筑中心建造它的材料。搭建完成后,可以先预览,再保存。保存后,将构建材料。与源码素材类似,构建保存后,只需完成素材的具体制作和更新上传即可,最终使用需要发布到素材中心。3.发布素材●发布素材不区分素材的制作方法。素材开发者可以通过素材明细(源代码素材或构建素材)的迭代管理,进入迭代列表发布素材。中心看到和使用4.材质类型●材质目前有两种:一种是基础材质,即antD材质组件,主要是通用材质,比如表单,窗体,按钮、弹框等。另一种是业务资料,主要满足业务定制化需求,如流程标准化资料、精细化运营平台资料、标识平台资料等,满足特定的业务场景。●同时,我们还提供优质材料的概念。根据材料的用途和业务概括能力,我们按等级推荐材料,方便用户使用。●最后,在材质的使用原则上,我们遵循多用基础材质,少使用定制材质的原则,尽量发挥材质组件的泛化能力,让其在更多的业务场景中得到应用。团队目前的开发模式已经从组件页面开发逐渐转变为定制素材的开发。专业前端开发人员的关注点已经从业务转向素材。同时,运维、BD、后端等非专业开发人员也可以介入进来,以低代码构建的方式快速支持各项业务。作为素材管理平台,素材中心的真正价值在于通过对“素材”的汇聚和管理,为LowCode、NoCode等开发方式提供基础砖块,为传统开发方式的改造提供支持。
