熟悉 n8n 的界面 | 简单易懂的现代魔法

type

status

date

slug

summary

文档适合的读者

对 n8n 目前完全不了解的人。

n8n 的界面风格

n8n 的创始人是设计师而不是程序员，所以这个产品的 UI 界面设计水平其实是非常高的，但是也导致了里面使用了大量的”拖拽“交互设计，对于不熟悉这类交互的人来说其实还是会有点晦涩的。所以再遇到不明白的地方点一点，拖一拖，往往会有奇效。

熟悉之后会发现 n8n 的用户体验是非常好的。

n8n 列表界面介绍

n8n 最主要的界面都在 Home 的按钮里面，Home 界面下是两个列表，一个是 Workflow 的列表，一个是 Credentials 的列表。

Workflow 就是所有你创建的自动化流程，而 Credentials 里面存储着所有这些 Workflow 需要用到的和外部 API 交互的凭证。

Credentials 里面存储的凭证是可以被多个 Workflow 引用的。

所以随着时间的推移，你建的 Workflow 越多，理论上到了后期需要配置的凭证是非常少的，大部分情况下只需要在 n8n 的界面内点点点就可以完成 Workflow 的搭建。

n8n 之所以把 Credentials 单独拆出来，有一个很重要的目的就是方便你管理他们，确保他们没有过期。因为从经验来看，一些日常都在运行的 Workflow 出错的话，最大概率就是因为凭证到期了。

你可以选择在 Credentials 通过 add 直接添加凭证，但是我不建议你这么做。

因为在创建 Workflow 的过程中需要用到什么外部 API 是随时可能会随着需求调整的，所以 n8n 在界面设计上是完全支持你一边建 workflow 一边创建 Credential 的。

n8n workflow 画布介绍

画布的最下方，点击 Test 之后程序就会开始试跑，而画布的最上方选择切换到 executions 可以看到历次运行的记录。

画布在 mac 下支持用触控板进行缩放，如果是 Windows，建议使用界面左下角的缩放按钮。

画布上的每一个节点都支持鼠标拖拽，当鼠标悬浮到特定节点上时，每个节点自身也有一个➡️，这个代表的是单步执行，也就是只有这个环节的跑一下程序，这个在 Debug 的时候会非常有用。

在界面的左上方有保存按钮，同时也支持导入、导出，方便不同租户环境下的用户交换他们的 Workflow。

n8n 的 workflow 画布不支持自动保存。

不要问我为什么要把这句话敲三遍，这是血泪教训。

最后说一下 Settings，Settings 里面的大部分设置都可以不用调整，但是有一个功能叫做 Save execution progress 可以考虑酌情调整。

如果一个程序在执行的过程中因为各种原因被打断了（或者是卡死，手动中断），把这个功能的 save 开启起来之后，就可以看到被打断之前的 log，因为用 n8n 解决的往往是批处理问题，通过这个方法可以看到具体的 log。

n8n executions 介绍

点击界面上方的切换按钮，就可以从 Editor 界面切换到 Executions 界面，可以看到当前这个 Workflow 历史上全部的运行记录。

这个功能非常实用，因为 n8n 的画布不支持自动保存，如果我们想要翻找历史上设计的一些逻辑，就可以通过这个方式进行找回，甚至把他们复制到画布当中去。

Executions 界面中的每个节点都是可以点击的，你可以找到其中的详细配置与 Log。

下一个小节我们就会介绍 n8n 的节点逻辑。

n8n 节点详情页界面介绍

n8n 的所有节点都分为 3 大块，分别是入参区域，处理逻辑与设置区域，出参区域。他们分别位于节点详情的左中右三个位置。

入参，代表的是当前节点从上一个节点中接收到的数据。

处理逻辑与设置，代表的是设置当前节点的处理逻辑，以及

出参，展示的是入参的数据在经过处理之的结果，以及对应的处理日志。

入参和出参区域有3个选项，分别是 Schema，Table 和 Json。

当查看 Schema 时，界面展示上一个节点输出结果的元数据（可以理解为字段或者表头）和样例数据。

当查看 Table 时，界面会以表格的形式展现上一个节点输出的所有数据。

当查看 Json 时，界面会以 Josn 的形式展现上一个节点输出的所有数据。

当你在任何一个模式下，都可以拖动入参区域的变量名到处理逻辑与设置区域的文本框当中去，通过这样的方式实现对上一个节点产出的数据来进行处理。

同时，在选择入参区域的变量时，不仅仅可以选择上一个节点的变量，也可以选择上上个，上上上个等所有前序节点的变量。这些复数个数据之间经过多个程序处理传递，但是 n8n 会在系统内部自动把他们关联起来，确保他们内部是唯一关联的，所以你不需要担心数据会不会“串错”。这就是 n8n 内部很重要的隐式传递的设计思路。

在设置好逻辑之后，就可以点击 Test Step的按钮，在上一个节点有处理结果的数据缓存的情况下，系统会开始进行单步调试，也就是仅执行当前节点的任务。

n8n 其他功能介绍

在 n8n 界面菜单的还提供了几个功能，由上至下分别是

模板（Templates）：会跳转到官网的模板页面去；

变量（Variables）：Variables 是全局变量，支持你在 Workflow 外存储一些经常要用到的变量，你可以在这个页面里添加、编辑和删除变量，所有引用这个变量的 Workflow 都会按照新变量执行。（但这个功能要求付费企业版才能用）。如果没有付费，可以无视这个页面；

程序运行记录（All executions）：上方 Executions 界面的全局版本；

设置（Settings）：常规的设置；

帮助（Help）：官网文档、论坛、视频的超链接；

个人账户设置：个人信息设置，其中最重要的就是安全设置，可以打开二次验证，这个很重要，建议所有人都把二次验证开启起来。