问题背景：随着前端框架层的趋于成熟，前端基础组件库建设也已经达到了一个很高的完成度，大多数前端开发者面临的问题，从如何从零构建一个基础组件库转变为如何基于成熟的基础组件库构建符合自己业务特点的业务组件库。同时，随着低代码技术的不断发展，越来越多的业务开始搭建自己的低代码搭建平台，如何让已有的业务组件库能够快速、低成本接入低代码项目也是亟待解决的问题。

解决思路：普通的组件接入低代码项目，统一的拖拽能力已由引擎框架层（LowCodeEngine）统一提供，不需要每个组件特别关心，组件需要额外增加的，主要是组件的配置信息，决定组件的名称、描述、截图、logo 等信息，以及哪些属性可以供用户配置和更改，我们统称这些为组件的“物料描述”，在低代码引擎开源项目中我们将其作为三个标准协议之一同步开源。通过规范化物料描述的协议以及相应配置工具的打造，我们即可以实现对已有组件的继承的同时，增强组件的能力使其可以接入低代码项目。传统的基础组件库也可以通过这种方式快速接入到低代码体系中，并以此为基础，鉴于业务组件，重业务逻辑拼装轻细节交互的特点，我们可以基于 LowCodeEngine，利用低代码搭建的技术快速搭建出属于自己的业务组件库。

方案介绍：我们将接入低代码的项目分为组件本身+物料描述，并将物料描述抽象成为统一的协议，规定清楚每个字段的用途。同时我们基于 LowCodeEngine 搭建了一套可以在线低代码化配置物料描述的工具，TA 可以导入已有的组件，并解析其中的属性自动生成物料描述，同时在自动生成的基础之上可以进行拖拽配置的形式进行二次加工。普通组件线上几分钟配置即可接入到低代码项目中。同时，基于LowCodeEngine 的能力，我们搭建了组件低代码生产平台，基于我们提供的原子组件和成熟组件库，通过拖拽拼装的形式快速生产业务组件以及业务组件库。

实践成效：上线半年多的时间，已经通过低代码方式生产了 2000+ 的组件，通过在线物料配置的形式将存量的 5000+ 的业务组件接入低代码项目中。

演讲提纲：
1. 物料后半场

Why
- 框架层的逐渐成熟
- 基础组件库的完善
新的挑战
- 业务组件库
- 低代码时代
解法
- 已有组件库的低成本快速接入
  - 不重复
  - 低门槛
  - 功能强大
- 响应更快速的业务组件生产
  - 轻量
  - 低门槛
  - 易于扩展
  - 更高集成度

2. 已有组件接入：在线物料描述配置

物料描述协议
可视化配置物料描述
自定义 setter

3. 低代码生产组件

和源码组件功能的对齐
- 属性配置
- 生命周期
- 版本管理
- 调试预览
- 依赖其他组件
- 应用中消费
能力增强
- 国际化
- 项目内调试
- 自定义setter
业务落地
- 低代码应用平台
  - 宜搭
  - 园区中台
  - 钉钉交互卡片

你将获得：

了解如何利用低代码技术生产组件的技术方案
了解如何让已有的业务组件快速接入低代码项目
了解低代码组件为组件研发领域带来的变化以及机会点

专题演讲嘉宾：乔健

字节跳动 前端工程师

by 乔健

字节跳动

关注主办方（InfoQ）

联系我们

交通指南

北京 · 四季酒店

字节跳动前端工程师