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