低成本、高效率、低门槛！低码引擎实战封装低码组件库

# 拨开云雾见蓝天——低码引擎初体验
当今互联网时代，信息化浪潮如火如荼，尤其是近年来，“低码开发”的概念甚嚣尘上。低码开发是基于图形化编程或模版化开发，以拖拽、拼接、组合的方式进行应用程序的快速开发。与传统编码开发有着本质的不同，低码开发的门槛更低、难度更低，可以让开发者在更短的时间内将想法快速迭代、落地成可用小程序、Web 应用。

在琳琅满目繁杂的低码开发工具中，阿里巴巴推出的低码引擎 Low-Engine 格外引人注目。Low-Engine 秉承着“一点接入，全网分发”的产品愿景，集成了小程序、Web 等多种前端形态，无论您是想开发小程序，还是搭建网站、APP，一个 Low-Engine 足够。

# 低码引擎实战之旅——基于 Antd 与 Vant 组件库封装低码组件
初次接触低码开发与低码引擎，难免心潮澎湃。本文将从零开始，基于 Antd 与 Vant 两大前端组件库，手把手教大家如何用低码引擎 low-engine 封装低码组件。

### **一、脚踩筋斗云——初识低码引擎 low-engine** 
首先，需要在阿里巴巴开发者社区中创建一个低码引擎的示例工程，以此为载体进行低码开发。我们可以选择从零开始创建一个新示例，也可以基于既有的示例进行二次开发。

创建一个示例工程后，我们就可以在 low-engine 的云开发 IDE 中进行相应的编码。Low-engine 采用的是基于 Monaco Editor 的云端 IDE，其具备智能提示、智能补全、格式化、调试等多种贴心且实用的开发辅助手段，让开发者的编码之旅事半功倍。

### **二、独闯火焰山——认识 Antd 与 Vant** 
Antd 与 Vant 都是当下颇受欢迎的两大前端组件库，两者各有千秋，使用广泛。

* Antd：一套基于阿里巴巴 ant design 体系的 React UI 组件库，社区活跃，组件丰富，开发使用相对较为广泛。
* Vant：一个移动端 UI 组件库，轻量灵活，上手快，移动端场景适配友好，开发小程序是的不二之选。

### **三、七十二变——低码引擎组件封装实战** 
结合 low-engine 的特点与 Antd、Vant 组件库的特质，我们可以将 Antd 与 Vant 中的组件封装成一个个低码组件，以此来拓展 low-engine 的组件库，提升其可用性。

封装低码组件的过程需要遵循一定的规范和流程：

1. 首先，新建一个 low-engine 组件工程，该工程将承载待封装的低码组件；
2. 接着，选择接入前端，我们可以选择 Antd 组件库或 Vant 组件库，也可以二者兼而有之；
3. 随后，选择接入场景，我们可以接入小程序、Web、快逸、快游戏中的一个或多个场景；
4. 紧接着，新建一个组件，并从组件库中选择一个需要被封装的目标组件，为该组件想一个别名，并填写好对应的属性及其默认值；
5. 最后，保存该组件，一个低码组件就这样被我们封装出来了。

举个栗子：
- 封装 Antd Button 组件，接入小程序与 Web 场景，取个别名 z-button，并定义好 title、loading、size 等属性及其默认值。
- 封装 Vant 懒加载组件，接入小程序场景，取个别名 z-lazy-img，并定义好 src、srcset 等属性及其默认值。

### **四、登花果山——将封装的组件使用起来** 
封装好 low-engine 组件后，我们就可以在工程中直接使用了。在组件管理中，我们可以找到我们新封装的组件并直接使用，而无需再关心具体的组件库和接入场景的问题。

### **五、再战狮驼岭——进阶探索** 
到此为止，我们已经实现了基于 Antd 与 Vant 组件库，使用 low-engine 封装低码组件的基本流程。

除此之外，low-engine 还提供了许多开箱即用的内置组件，比如基础表单组件、数据展示组件、业务组件等。我们可以直接使用这些组件进行快速开发。

# 落地开花——低码引擎+低码组件，赋能开发新时代
低码引擎与低码组件的结合，为我们带来了全新的开发体验，其低成本、高效率、低门槛的特点将对开发世界产生深远的影响。

### **一、取经真经——低码引擎，开发新思路** 
**1. 降低开发门槛** 
以往，开发小程序、Web、APP 等应用程序需要掌握多种开发语言和各种繁琐的 API，开发门槛较高。而低码引擎的低码开发门槛非常低，没有编码基础的人，经过短时间的培训就可以快速上手，大大降低了开发门槛。

**2. 提升开发效率** 
低码引擎提供了丰富的组件库和模版，开发者只需进行最少的编码工作，即可快速搭建一个完整的应用程序。其提供的智能 IDE 也辅助开发者的日常开发工作，进一步提升了开发效率。

**3. 优化开发体验** 
传统的编码开发往往需要再本地进行开发和调试，开发体验感较差。而低码引擎采用了云端 IDE，开发者可以在网页上进行编码和调试，无需在本地搭建开发脚手架，无形中优化了开发体验。

### **二、功德圆满——低码组件，开发新助力** 
**1. 组件化复用** 
低码组件采用了组件化的思想，将各种 UI 控件、业务逻辑、数据模型等封装成一个个低耦合、高内聚的组件。这样一来，开发者在进行开发时，只需直接使用这些组件，而无需关心底层的具体逻辑，进而提高了开发效率和可复用性。

**2. 快速迭代** 
低码组件的开发门槛较低，开发者可以快速地将需求转化为低码组件。这样一来，在需求变更时，开发者可以快速地迭代组件，而无需关注底层逻辑，进而加速了项目的快速迭代。

**3. 降低开发成本** 
使用低码组件进行开发，无需投入大量的时间和精力在组件的开发和调试上，进而大幅度降低了开发成本。

# 总结
低码引擎与低码组件的结合，为我们带来了全新的开发体验，其低成本、高效率、低门槛的特点将对开发世界产生深远的影响。

我们期待着更多的开发者加入低码开发的大家庭，用低码引擎和低码组件武装自己，共同为开发新时代而努力！