腾讯低代码引擎建设思考和实战

1. 第十六届 D 2 前端技术论坛腾讯低代码引擎建设思考和实践 MarsboyDing(丁涛)

2. 个人简介 2017年，硕士毕业于中国科学技术大学。校招加入腾讯互娱，现为腾讯11级前端工程师，腾讯IEG增值服务效能前端团队负责人，负责星图低代码前端、游戏营销前端效能组件、工具等项目。牵头成立腾讯第一个低代码企业标准、牵头孵化腾讯第一个低代码开源协同Oteam。 MarsboyDing 丁涛

3. 通用能力架构目录通用能力引擎设计内部低代码平台的实践

4. 低代码通用能力架构方案

5. 01 低代码通用能力架构方案 1.1 概念易企秀 VB6.0 DW

6. 01 低代码通用能力架构方案 1.1 概念那么低代码该如何定义？广义所有可以降低生产成本，减少代码开发的方式、过程或者工具/系统狭义指通过图形化、可视化的开发方式，基于模型驱动和逻辑编排的能力，进行拖拽和配置，最后生成我们想要的产物(应用程序、接口等)

7. 01 低代码通用能力架构方案 1.2 低代码、无代码、纯代码低代码无/0代码纯代码需要自己编写的代码量占比 0% 100% 在(0,100)的量化空间内，低代码的定位很灵活，不同的量化定位，决定了低代码平台的应用形式和特征。开发灵活性人员友好性运行稳定性封装性复杂需求无代码低容易上手好好难以实现纯代码高专业性高差差可实现

8. 01 低代码通用能力架构方案 1.3 全生命周期的LCDP 可视化开发 DSL开发解析执行预览调试编译执行灰度热更新全量监控测试

9. 01 低代码通用能力架构方案 1.4 LCDP通用能力要求 LCDP属于哪种IT服务 SaaS aPaaS PaaS iPaaS IaaS 高易用性非专业技术人员也可使用，大大降低了开发成本，减少沟通成本，缩短开发周期互联互通将各应用、能力和数据进行打通和集成。避免传统开发链路多，重开发的问题可视化开发者可以使用拖拉拽、属性配置等交互方式替代代码编写的工作，降低门槛。低代码开发平台 (LCDP) 一种格式化的开发数据规范，定义了包括通用Schema UI、逻辑、数据等规范。是LCDP最基础核心的概念。

10. 01 低代码通用能力架构方案 1.4 LCDP通用能力要求具体的能力架构 (来自腾讯低代码企业规范)

11. 01 低代码通用能力架构方案 1.5 腾讯低代码Oteam的建设架构 Oteam是什么？在腾讯，Oteam是公司级的一种开源协同项目组织形式。主要是为了统一公司内某一领域相关项目的建设，减少重复轮子的建设，由各相关BG、部门同学一起参与协同共建。腾讯低代码Oteam的目标？在公司内，低代码Oteam旨在建设统一的低代码开发平台（LCDP）的通用底层引擎、SDK。为更多的低代码开发平台提供最底层统一能力接入，助力各领域，各场景下LCDP上层平台的建设。

12. 01 低代码通用能力架构方案 1.5 腾讯低代码Oteam的建设架构核心引擎层

13. 通用能力引擎设计

14. 02 低代码通用能力引擎设计 UI可视化引擎

15. 02 低代码通用能力引擎设计 2.1 UI可视化引擎关键词？拖拉拽 UI组件配置事件预览编辑样式多页面 …

16. 02 低代码通用能力引擎设计 2.1 UI可视化引擎长啥样？拖拽预览区物料区微搭低代码拖拽预览区表单配置区物料区阿波罗低代码表单配置区

17. 02 低代码通用能力引擎设计 2.1 UI可视化引擎如何定义和描述UI的内容？ H5 Schema 定位布局 Console Schema 更多业务组件 UI Schema 流式布局 Other Schema … 丰富表单组件 Schema Core 特性定义物料定义数据布局页面样式容器事件组件生命周期插件动作

18. 02 低代码通用能力引擎设计 2.1 UI可视化引擎预览与编辑引擎设计架构 installComponent Install installPlugin installXXX… UI Engine Editor 操作物料 Page component container plugin Add 操作类型 Edit Remove 操作特性 events actions style data Others… init UI Data Render refresh update

19. 02 低代码通用能力引擎设计逻辑可视化引擎

20. 02 低代码通用能力引擎设计 2.1 逻辑可视化引擎关键词？拖拉拽流程连线条件控制预览网络与DB 微服务 …

21. 02 低代码通用能力引擎设计 2.2 逻辑可视化引擎长啥样？腾讯星图低代码为例：功能节点区流程编排区表单配置区

22. 02 低代码通用能力引擎设计 2.2 逻辑可视化引擎如何定义和描述逻辑的内容？ Front Schema UI操作 Backend Schema 云服务调用页面操作 Other Schema … 数据库调用 Logic Schema Schema Core 节点特性节点类型判断赋值原子服务循环流程控制网络调用通用服务存储操作扩展服务其它

23. 02 低代码通用能力引擎设计 2.2 逻辑可视化引擎预览与逻辑编排引擎设计架构 InstallBasicNodes Install installServiceNodes installXXX… Logic Engine Editor 操作节点 Atom Basic Others Service Add 操作类型 Edit 操作特性 Remove 控制节点赋值节点表达式服务节点 Others… init Logic Data Render refresh update

24. 02 低代码通用能力引擎设计 DSL

25. 02 低代码通用能力引擎设计 2.3 DSL DSL:领域专用语言特征一种语言特定领域尽量简单转换成传统代码必要性与可视化形成补充开发人员友好脱离UI编辑器跨平台二次开发

26. 02 低代码通用能力引擎设计 2.3 DSL DSL在LCDP中的位置可视化开发 Schema 切换与补充 DSL 解析与编译

27. 02 低代码通用能力引擎设计 2.3 DSL DSL引擎的能力设计语法文档定义 Standard 语义 To Schema DSL Engine Core To AST SDK能力 To DSL 语法检查/高亮插件能力 IDE 语法提示

28. 02 低代码通用能力引擎设计生产与运行

29. 02 低代码通用能力引擎设计 2.4 生产与运行流程架构

30. 02 低代码通用能力引擎设计 2.4 生产与运行引擎设计 Backend Runtime H5 小程序 … Production Engine UI HTML CSS … Compile Js Logic Go …

31. 02 低代码通用能力引擎设计 2.4 生产与运行解析 vs 编译解析 Runtime Schema Schema Parser Platform 编译 Schema AST Code Runtime 灵活性热更新性能原生能力解析执行高容易实现较低一般编译执行低不容易较高较好

32. 02 低代码通用能力引擎设计质量保证

33. 02 低代码通用能力引擎设计 2.5 质量保证关键词？性能调试测试异常上报告警监控健壮 …

34. 02 低代码通用能力引擎设计 2.5 质量保证核心能力能力内容低代码监控引擎低代码调试引擎低代码测试引擎特点技术方案日志采集、日志上报、数据分析、告警与工单系统纯配置化、多维度日志、按模块/组件配置、按事件配置 1 将日志采集配置低代码化 2.集成告警规则、告警引擎 3.整个LCDP基于schema，更方便埋点和配置信息采集前端UI调试、后端接口调试实时模拟器调试、真实环境调试，接口调试可视化 1.基于解析引擎，模拟器可以实现调试 2.基于wesocket，编译成源码在远端机上调试，实时返回调试界面与交互单组件测试、整体UI 交互测试、前后端联合测试、压力测试、性能测试测试用例可视化开发、灵活配置输入输出 1.设计一套测试逻辑解析引擎 2.各种外部因素实现可配置

35. 02 低代码通用能力引擎设计 2.5 质量保证引擎设计 Log Monitor 采集组件事件上报异常性能 Rule Alarm Quality Engine Real Debug Debug Virtual Debug UI Test Logic Performance Network Interface UI Storage Compatible Script

36. 公司内低代码平台的实践

37. 03 腾讯低代码开发平台实践 3.1 后端逻辑编排应用领域互娱游戏营销活动后端逻辑开发抽奖活动签到游戏预约礼包领取 … 腾讯星图低代码平台

38. 03 腾讯低代码开发平台实践 3.1 后端逻辑编排核心能力代码级流程绘制丰富的组件模块标题页可视化与代码的融合便捷的接入调用在线测试代码级流程绘制可视化与代码的融合便捷的接入调用丰富的组件模块在线测试

39. 03 腾讯低代码开发平台实践 3.2 toB中后台管理系统应用领域公司内多款业务产品的管理端系统的搭建腾讯无极低代码平台

40. 03 腾讯低代码开发平台实践 3.2 toB中后台管理系统核心能力页面片的概念多种DB数据网关接口自定义接口自定义数据灵活的画布灵活丰富的数据源支持数据修剪页面片的概念本地cli模式灵活的画布灵活丰富的数据源支持本地cli模式

41. 03 腾讯低代码开发平台实践 3.3 toC的营销活动低代码应用领域腾讯地图toC的营销运营活动的快速搭建腾讯地图雅典娜低代码平台

42. 03 腾讯低代码开发平台实践 3.3 toC的营销活动低代码核心能力可视化物料生产管理物料数据表单化定义丰富的业务组件支持物料数据表单化定义可视化物料生产管理丰富的业务组件支持

43. 结语

44. 04 结语 1 低代码应该是一个生态系统 2 LCDP底层引擎的建设就像空气、水分、阳光 3 最适合解决具体领域问题的LCDP就是最好的

45. Thanks