Tango 是一个用于快速构建低代码平台的低代码设计器框架，借助 Tango 只需要数行代码就可以完成一个基本的低代码平台前端系统的搭建。Tango 低代码设计器直接读取前端项目的源代码，并以源代码为中心，执行和渲染前端视图，并为用户提供低代码可视化搭建能力，用户的搭建操作会转为对代码的修改。借助 Tango 可以实现 源码进，源码出的效果。
特性
-
经历网易云音乐内网生产环境的实际检验，可灵活集成应用于低代码平台，本地开发工具等 -
基于源码 AST 驱动，无私有 DSL 和协议 -
提供实时出码能力，支持源码进，源码出 -
开箱即用的前端低代码设计器，提供灵活易用的设计器 React 组件 -
使用 TypeScript 开发，提供完整的类型定义文件
兼容环境
-
现代浏览器（Chrome >= 80, Edge >= 80, last 2 safari versions, last 2 firefox versions）
架构
Tango 低代码引擎在实现上进行了分层解藕，使得上层的低代码平台与底层的低代码引擎可以独立开发和维护，快速集成部署。另一方面，Tango 低代码引擎定义了一套开放的物料生态体系，开发者可以自由的贡献扩展组件配置能力的属性设置器，以及扩展低代码物料的二方三方业务组件。
如下图所示：
引擎设计器构成
Tango 低代码引擎设计器用于低成本初始化一个基本的低代码平台，其前端部分主要包括如下几个部分：
-
「设计器主框架」：进行外框架初始化，状态管理，拖拽引擎绑定等核心逻辑。 -
「侧边栏面板」：提供可扩展的侧边面板，除了内置通用的面板，用户还可以任意添加自定义的面板。 -
「属性设置面板」：属性设置器面板，支持用户进行属性配置。 -
「运行时沙箱」：用于设计器运行时视图的渲染。 -
「Web IDE」：用于进行在线源代码编辑。
快速开始
环境要求
-
安装 node 16.0.0 以上版本 -
安装 npm 8.x 或 yarn 1.x
启动 Tango Playground
-
克隆仓库至本地
git clone https://github.com/NetEase/tango.git
-
在 hosts 文件下添加本地开发的域名
127.0.0.1 local.netease.com
-
安装依赖并启动 Tango Playground
yarn install
yarn start
-
打开浏览器访问 https://local.netease.com:6006并允许不安全的证书
传送门
开源协议：MIT
开源地址：https://github.com/netease/tango
-END-
原文始发于微信公众号（开源技术专栏）：网易云音乐开箱即用的前端低代码设计器 Tango
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/166599.html
