UD5工具箱
CI/CD流水线可视化编辑器 - 功能特点
添加阶段
阶段是流水线的基本组织单元，每个阶段代表流水线执行过程中的一个逻辑步骤。工具允许用户自由添加、删除和重命名阶段。点击添加阶段按钮，一个新的阶段容器就会出现在流水线画布上。用户可以为每个阶段指定有意义的名称，如代码检查、单元测试、构建打包、部署测试环境、部署生产环境等。阶段按照从左到右的顺序依次执行，前一个阶段的所有任务完成后才会进入下一个阶段。如果某个阶段被标记为失败，后续阶段默认不会执行，除非配置了允许失败的任务。阶段的灵活组织让用户能够将复杂的流水线分解为清晰的逻辑步骤，每个步骤承担特定的职责，使整个流水线的结构一目了然。用户还可以通过拖拽来调整阶段的执行顺序，无需修改YAML配置中的代码顺序。
添加任务
任务是阶段内部的最小执行单元，每个任务对应一个具体的执行操作。在每个阶段容器内，用户可以点击添加任务按钮来创建新的任务。每个任务需要配置名称和执行脚本，名称用于标识任务的用途，脚本是任务执行时运行的具体命令。例如，在构建阶段中可以添加名为构建前端的任务，脚本为npm run build。一个阶段可以包含多个任务，这些任务默认按从上到下的顺序串行执行。任务的命名和脚本配置支持自由编辑，用户可以根据项目需求灵活定义每个任务的具体操作。工具还提供了常用的脚本模板，帮助用户快速填写常见的构建和部署命令。
拖拽排序
拖拽排序是本工具的核心交互功能。用户可以通过鼠标拖拽的方式自由调整阶段和任务的顺序。拖拽阶段可以改变流水线中各阶段的执行顺序，拖拽任务可以改变同一阶段内各任务的执行顺序。在拖拽过程中，工具会显示直观的视觉反馈：被拖拽的元素会半透明化并跟随鼠标移动，目标位置会出现插入指示线，帮助用户精确地放置元素。拖拽操作同时支持阶段级别和任务级别的调整，用户不需要手动修改YAML代码中的缩进和顺序，所有变更都会实时反映到配置预览中。这种直观的操作方式大大降低了流水线调整的时间成本，也减少了手动编辑YAML时因缩进错误导致的配置问题。
任务配置
每个任务都支持详细的参数配置。任务名称用于标识任务用途，建议使用简洁明了的命名，如安装依赖、运行测试、构建镜像等。执行脚本字段用于输入任务执行时的Shell命令，支持多行脚本输入，用户可以编写复杂的脚本逻辑。允许失败选项控制当该任务执行失败时是否继续执行后续任务，开启此选项的任务失败后流水线不会被中断，适用于非关键性的辅助任务，如代码风格检查或通知发送。超时时间参数控制任务的最大执行时间，超过时间限制的任务会被强制终止。每个任务的配置都会在导出的YAML中体现为完整的任务定义，确保配置的完整性和准确性。
预设模板
工具内置了多种预设的流水线模板，覆盖了常见的开发场景和技术栈。Node.js模板包含代码检查、依赖安装、单元测试、构建和部署等标准阶段。Python模板包含虚拟环境创建、依赖安装、pytest测试、打包和部署等阶段。Java模板包含Maven构建、单元测试、打包和部署等阶段。Docker模板包含镜像构建、推送镜像和部署到容器编排平台等阶段。通用模板则提供了一个精简的流水线骨架，用户可以根据项目需求自由填充和修改。预设模板大大缩短了流水线的初始搭建时间，新用户可以从模板开始学习，逐步了解流水线的组成和配置方式。模板中的每个阶段和任务都已经配置了合理的名称和脚本，用户可以直接使用或根据实际情况进行微调。
YAML导出
当流水线配置完成后，用户可以一键将可视化配置导出为标准格式的YAML文件。导出的YAML遵循主流CI/CD平台的语法规范，结构清晰、缩进正确、注释完整。YAML文件包含完整的流水线定义，包括所有阶段的名称和顺序、每个任务的名称、脚本和配置参数。导出的文件可以直接复制粘贴到GitHub Actions的.github/workflows目录下、GitLab CI的.gitlab-ci.yml文件中，或者Jenkins的Jenkinsfile中使用。导出前，用户可以在预览面板中查看完整的YAML内容，确认无误后再进行复制或下载。YAML内容经过格式化处理，确保缩进和对齐的一致性，避免因格式问题导致的解析错误。工具还支持将配置导出为JSON格式，方便在其他工具和脚本中使用。