Tango 低代码引擎沙箱实现解析
内容提要
本文介绍了Tango低代码引擎的沙箱功能和使用的CodeSandbox沙箱的结构和工作流程。Tango低代码引擎通过CodeSandbox实现了可视化预览和构建能力，提供了快速高效的开发体验。文章还提到了Tango开源方案的进展和计划。
关键要点
-
Tango 是一个用于快速构建低代码渠道的低代码规划器结构，支持源代码的可视化建立。
-
Tango 规划器引擎部分已开源，文档已全面更新，欢迎社区参与。
-
Tango 需要沙箱来运行源码，以支持实时运转和集成已有物料。
-
Tango 选用 CodeSandbox 的沙箱方案，提供接近本地开发的运行环境，支持直接拉取 npm 包。
-
CodeSandbox 的沙箱结构包括前端组件、在线打包器和后端服务，简化了开发流程。
-
沙箱的工作流程包括代码准备、依赖初始化、转译代码和执行代码。
-
CodeSandbox 通过轻量化的依赖初始化和资源缓存优化了转译与构建过程。
-
Tango 沙箱需要跨域兼容，通过设置相同的父域名和 HTTP 响应头实现跨域通讯。
-
Tango 提供了 React 组件 @music163/tango-sandbox，简化沙箱的使用。
-
Tango 低代码引擎通过 CodeSandbox 实现可视化预览与建立能力，提升开发体验。
-
Tango 将持续推动开源进展，包括核心能力、前端组件库等，优化开源文档。
延伸问答
Tango 低代码引擎的主要功能是什么？
Tango 低代码引擎用于快速构建低代码渠道，支持源代码的可视化建立，提供低代码可视化能力。
为什么Tango需要使用沙箱？
Tango需要沙箱来支持源代码的实时运转和与已有物料的集成，提供接近本地开发的环境。
CodeSandbox的沙箱结构是怎样的？
CodeSandbox的沙箱结构包括前端组件、在线打包器和后端服务，简化了开发流程。
Tango沙箱的工作流程是什么？
Tango沙箱的工作流程包括代码准备、依赖初始化、转译代码和执行代码。
Tango如何实现跨域兼容？
Tango通过设置相同的父域名和HTTP响应头来实现跨域通讯。
Tango的开源进展如何？
Tango的核心引擎部分已开源，文档已更新，并欢迎社区参与开源建设。
