腾讯低代码平台开源：拖拽生成多端项目，助力接私活

腾讯于2023年9月6日宣布其低代码平台正式开源，该平台名为tmagic-editor。这款工具的核心特点是支持拖拽式开发，能够快速生成手机应用项目、PC项目以及TV项目，为开发者和非技术背景人员提供了高效创建项目的能力，尤其适合接私活场景。 一、物料开发与业务组件 tmagic-editor中的物料开发主要围绕业务组件展开，这些组件如图片组件、抽奖组件和登录插件等，是由业务用户根据自身需求自定义开发的。组件设计时注重灵活性，允许配置选项以适应不同页面的定制需求，可以基于多种前端框架实现，如vue2、vue3和react。 二、页面编排与非技术操作 平台的核心功能在于可视化编排，即通过简单的拖拽和配置，无需编写复杂的代码，非技术用户也能轻松完成页面布局和设计。这种低门槛的操作方式使得页面设计变得更加直观和易用。 三、保存、构建与部署流程 tmagic-editor的开发流程分为生成DSL（领域特定语言）、构建和部署三个步骤： 1. **生成DSL**：编辑器通过定义一个序列化JS对象的页面描述文件，使用JS schema描述页面结构、组件信息和组件间的逻辑关系，实现编辑器与页面的解耦。 2. **构建**：构建模块依据runtime（运行时环境）对组件进行打包和编译，生成HTML、JS、CSS文件，tmagic-editor默认提供了vue2、vue3和react的runtime选项。 3. **部署**：最终生成的静态文件被部署到业务用户的服务器上，确保访问者能看到实际的、动态渲染的页面。 四、tmagic-editor的可视化编辑器特性 编辑器界面直观，包含左侧组件列表、中间拖拽画布、右侧配置区域、画布控制区（缩放、网格线等）、预览功能、源码查看和页面管理工具（如版本管理和发布）。它基于vue3构建，具备高度的可扩展性，允许业务方根据需要扩展侧边栏和顶部栏的功能。 五、runtime的理解 Runtime在tmagic-editor中扮演着关键角色，它是运行用户编排的页面的实际环境，确保了编辑器生成的页面能够在各种前端框架下正确运行，并且通过模拟器实时反映页面效果。开发者在编辑器中搭建和渲染页面后，再将配置保存并发布，形成用户最终可见的网页。 腾讯的tmagic-editor低代码平台提供了强大的开发工具和易于使用的界面，降低了开发门槛，促进了快速原型设计和项目的快速迭代，对于提升开发效率和降低技术门槛有着显著的优势。