查看原文
其他

【第3049期】网易云音乐 Tango 低代码引擎正式开源!

景庄 前端早读课 2023-10-16

前言

介绍了网易云音乐开源的低代码引擎 ——Tango。Tango 是一个用于快速构建低代码平台的低代码设计器框架,通过 Tango 可以快速搭建一个基本的低代码平台前端系统。Tango 的核心特性包括灵活集成、基于源码 AST 驱动、支持实时出码、提供易用的前端低代码设计器、使用 TypeScript 开发等。

今日前端早读课文章由 @景庄分享,公号:网易云音乐技术团队授权。

正文从这开始~~

Tango 简介

Tango 是一个用于快速构建低代码平台的低代码设计器框架,借助 Tango 只需要数行代码就可以完成一个基本的低代码平台前端系统的搭建。Tango 低代码设计器直接读取前端项目的源代码,并以源代码为中心,执行和渲染前端视图,并为用户提供低代码可视化搭建能力,用户的搭建操作会转为对源代码的修改。借助于 Tango 构建的低代码工具或平台,可以实现 源码进,源码出的效果,无缝与企业内部现有的研发体系进行集成。

如上图所示,Tango 低代码引擎支持可视化视图与源码双向同步,双向互转,为开发者提供 LowCode+ ProCode 无缝衔接的开发体验。

核心特性
  • 经历网易云音乐内网生产环境的实际检验,可灵活集成应用于低代码平台,本地开发工具等

  • 基于源码 AST 驱动,无私有 DSL 和协议

  • 提供实时出码能力,支持源码进,源码出

  • 开箱即用的前端低代码设计器,提供灵活易用的设计器 React 组件

  • 使用 TypeScript 开发,提供完整的类型定义文件

基于源码的低代码搭建方案

Tango 低代码引擎不依赖私有搭建协议和 DSL,而是直接使用源代码驱动,引擎内部将源码转为 AST,用户的所有的搭建操作转为对 AST 的遍历和修改,进而将 AST 重新生成为代码,将代码同步给在线沙箱执行。与传统的 基于 Schema 驱动的低代码方案 相比,不受私有 DSL 和协议的限制,能够完美的实现低代码搭建与源码开发的无缝集成。

源码进,源码出

由于引擎内核完全基于源代码驱动实现,Tango 低代码引擎能够实现源代码进,源代码出的可视化搭建能力,不提供任何私有的中间产物。如果公司内部已经有了一套完善的研发体系(代码托管、构建、部署、CDN),那么可以直接使用 Tango 低代码引擎与现有的服务集成构建低代码开发平台。

【第2966期】云音乐低代码 + ChatGPT 实践方案与思考

产品优势

与基于私有 Schema 的低代码搭建方案相比,Tango 低代码引擎具有如下优势:

技术架构

Tango 低代码引擎在实现上进行了分层解藕,使得上层的低代码平台与底层的低代码引擎可以独立开发和维护,快速集成部署。此外,Tango 低代码引擎定义了一套开放的物料生态体系,开发者可以自由的贡献扩展组件配置能力的属性设置器,以及扩展低代码物料的二方三方业务组件。

【第2949期】贴吧低代码高性能规则引擎设计

具体的技术架构如下图所示:

开源里程碑

Tango 低代码引擎是网易云音乐内部低代码平台的核心构件,开源涉及到大量的核心逻辑解藕的工作,这将给我们正常的工作带来大量的额外工作,因此我们计划分阶段推进 Tango 低代码引擎的开源事项。

  • 今天我们正式发布 Tango 低代码引擎的第一个社区版本,该版本将会包括 Tango 低代码引擎的核心代码库,TangoBoot 应用框架,以及基于 antd v4 适配的低代码组件库。

  • 我们计划在今年的 9 月 30 日 发布低代码引擎的 1.0 Beta 版本,该版本将会对核心的实现面向社区场景重构,移除掉我们在云音乐内部的一些兼容代码,并将核心的实现进行重构和优化。

  • 我们计划在今年的 10 月 30 日 发布低代码引擎的 1.0 RC 版本,该版本将会保证核心 API 基本稳定,不再发生 BREAKING CHANGE,同时我们将会提供完善翔实的开发指南、部署文档、和演示应用。

  • 正式版本我们将在 2023 年 Q4 结束前 发布,届时我们会进一步完善我们的开源社区运营机制。

社区建设

我们的开源工作正在积极推进中,可以通过如下的信息了解到我们的最新进展:

  • Github 仓库:https://github.com/NetEase/tango

  • 文档站点:https://netease.github.io/tango/

欢迎大家加入到我们的社区中来,一起参与到 Tango 低代码引擎的开源建设中来。

感谢 CodeSandbox 提供的 Sandpack 项目,为 Tango 提供了强大的基于浏览器的代码构建与执行能力。

关于本文
作者:@景庄
原文:https://mp.weixin.qq.com/s/X_F2JMY3rUm_mH-NP1FmEA

这期前端早读课
对你有帮助,帮” 
 “一下,
期待下一期,帮”
 在看” 一下 。

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存