编辑器 UI 导航#

在本课中，您将学习如何使用 编辑器 UI。我们将带您浏览 画布（canvas），并介绍每个图标的意义，以及在构建 n8n 工作流时所需功能的位置。

n8n 版本 本课程基于 n8n 1.82.1 版本。在其他版本中，部分用户界面可能略有不同，但不会影响核心功能。

开始使用#

首先设置 n8n。

我们建议从 n8n Cloud 开始，这是一个无需安装的托管解决方案，并提供免费试用。

替代方案 如果 n8n Cloud 不适合您，可以使用 Docker 自托管。这是一个高级选项，仅推荐熟悉托管服务、Docker 和命令行的技术用户使用。

有关 n8n 不同部署方式的更多详情，请参阅我们的 平台文档。

启动 n8n 后，在浏览器窗口中打开编辑器 UI，登录您的 n8n 实例。选择 Overview（概览），然后点击 Create Workflow（创建工作流） 以进入主画布。

界面应如下图所示：

Editor UI编辑器 UI

编辑器 UI 设置#

编辑器 UI 是您用来构建 工作流（workflows） 的网页界面。通过编辑器 UI，您可以访问所有工作流和 凭据（credentials），以及支持页面。

左侧面板#

在 编辑器 UI 的左侧有一个面板，包含管理您的工作流所需的核心功能和设置。点击小箭头图标可展开或收起该面板。

该面板包含以下部分：

• Overview（概览）：包含您有权访问的所有工作流、凭据和执行记录。在本课程中，请在此处创建新的工作流。
• Personal（个人）：每位用户都有一个默认的个人项目。如果您未创建自定义项目，您的工作流和凭据将存储在此处。
• Projects（项目）：项目允许您将工作流和凭据分组管理。您可以在项目中为用户分配 角色（roles），以控制其权限。此功能在社区版中不可用。
• Admin Panel（管理面板）：仅限 n8n Cloud 使用。用于查看实例的使用情况、账单及版本设置。
• Templates（模板）：一系列预设的工作流集合，是开始常见使用场景的好起点。
• Variables（变量）：用于在多个工作流之间存储和调用固定数据。此功能在 Pro 和企业版计划中可用。
• Insights（洞察）：提供关于您工作流的分析与洞察信息。
• Help（帮助）：提供有关 n8n 产品和社区的资源。
• What’s New（新功能更新）：展示最新的产品更新和功能。

编辑器 UI 左侧菜单编辑器 UI 左侧菜单

顶部栏

编辑器 UI（Editor UI） 的顶部栏包含以下信息：

• 工作流名称（Workflow Name）：默认情况下，n8n 将新工作流命名为 "My workflow"，但你可以随时编辑该名称。
• + 添加标签（Add Tag）：标签可帮助你按类别、使用场景或任何对你有意义的方式组织工作流。标签是可选的。
• 启用/禁用切换按钮（Inactive/active toggle）：此按钮用于激活或停用当前工作流。默认情况下，工作流处于停用状态。
• 共享（Share）：在 Starter、Pro 和 Enterprise 计划中，你可以与他人共享并协作处理工作流。
• 保存（Save）：此按钮用于保存当前工作流。
• 历史记录（History）：保存工作流后，你可以在此查看之前的版本。

编辑器 UI 顶部栏编辑器 UI 顶部栏

画布（Canvas）#

画布（canvas） 是编辑器 UI 中灰色带点的网格背景区域。它显示多个图标以及具有不同功能的节点：

• 可以缩放画布以适应屏幕、放大或缩小、重置缩放比例，以及整理屏幕上节点布局的按钮。
• 一个 执行工作流（Execute workflow） 按钮，当你添加了第一个节点后出现。点击后，n8n 将按顺序执行画布上的所有节点。
• 一个内部带有 + 符号的按钮。该按钮会打开节点面板。
• 一个内部带有便签图标的按钮。该按钮可在画布上添加 粘性便签（sticky note）（当鼠标悬停在右上角的 + 图标时可见）。
• 画布右侧会出现一个标有 询问助手（Ask Assistant） 的按钮。你可以向 AI 助手请求帮助来构建工作流。
• 一个带虚线边框的方框，其中显示文字 "Add first step." —— 这是你添加第一个节点的位置。

工作流画布工作流画布 移动画布 你可以通过以下三种方式移动工作流画布：

• 在画布上按住 Ctrl + 左键并拖动。
• 在画布上使用鼠标中键并拖动。
• 在触控板上用两个手指滑动。

暂时不必担心工作流的执行和激活；我们将在课程的后续部分详细解释这些概念。

节点#

你可以将节点视为具有不同功能的构建模块，当它们组合在一起时，就构成了一个可运行的机器：即自动化工作流。

节点（Node） 节点是你工作流中的一个独立步骤，用于（a）加载、（b）处理或（c）发送数据。

根据其功能，n8n 将节点分为四种类型：

• 应用节点（App Nodes） 或 操作节点（Action Nodes）：用于添加、删除和编辑数据；请求和发送外部数据；以及触发其他系统中的事件。完整列表请参考 操作节点库。
• 触发节点（Trigger Nodes）：用于启动工作流并提供初始数据。请参考 触发节点库 查看可用的触发节点列表。
• 核心节点（Core Nodes）：可以是触发节点或应用节点。大多数节点连接到特定的外部服务，而核心节点则提供逻辑控制、调度或通用 API 调用等功能。完整列表请参考 核心节点库。
• 集群节点（Cluster Nodes）：是一组协同工作的节点，主要用于 AI 工作流中提供特定功能。更多信息请参阅 集群节点。

了解更多 更详细的节点类型说明，请参见 节点类型（Node types）。

查找节点#

你可以在编辑器界面右侧的 节点面板（nodes panel） 中找到所有可用的节点。有三种方式可以打开该面板：

• 点击画布右上角的 + 图标。
• 点击画布上已有节点右侧的 + 图标（即你想在其后添加新节点的那个节点）。
• 按下键盘上的 Tab 键。

节点面板节点面板 在节点面板中，当你添加第一个节点时，会看到不同的触发器节点（trigger node）类别。添加了触发器节点后，节点面板会发生变化，显示“高级 AI（Advanced AI）”、“应用中的操作（Actions in an App）”、“数据转换（Data transformation）”、“流程控制（Flow）”、“核心节点（Core）”以及“人工介入（Human in the loop）”等节点分类。

如果你想查找特定的节点，可以使用节点面板顶部的搜索输入框。

添加节点#

有两种方式可以将节点添加到画布中：

• 在节点面板中选择你想要的节点。新节点将自动连接到画布上已选中的节点。
• 将节点从节点面板拖拽到画布中。

节点按钮#

当你将鼠标悬停在一个节点上时，会看到顶部出现三个图标：

• 执行该节点（播放图标）
• 停用/激活该节点（电源图标）
• 删除该节点（垃圾桶图标）

此外还会有一个省略号（...）图标，点击后会打开一个上下文菜单，包含其他 节点选项。

移动画布中的工作流

要移动整个工作流的位置，可以用鼠标框选所有节点，或使用 Ctrl+A 全选，然后点击并按住某个节点，将其拖动到画布上的任意位置。

总结#

在本课中，你学习了如何浏览编辑器用户界面（Editor UI），了解了各个图标的含义，掌握了如何访问左侧边栏和节点面板，以及如何向画布中添加节点。

在下一课中，你将构建一个小型工作流，以实践目前所学的知识。

聊天查看文档 此页面 !点赞有帮助 !踩没有帮助 感谢你的反馈！ 提交 上一页 索引 下一页 构建一个小型工作流 由 Material for MkDocs Insiders 提供支持