n8n 中文系列教程_07.全面解析n8n界面:从入门到精通

1. 前言:适合的读者

本文适合对n8n完全不了解但希望快速掌握其界面操作的新手用户。通过本文,你将系统性地了解n8n的核心界面功能和使用技巧。

2. n8n界面设计特点

n8n的创始人是设计师出身而非程序员,这使其UI界面设计水平远超同类产品。但这也带来了两个显著特点:

  1. 大量使用拖拽交互:对于不熟悉这类交互的用户可能会感到些许晦涩

  2. 渐进式学习曲线:初期可能需要适应,但熟悉后用户体验极佳

实用建议:遇到不明白的地方时,多尝试点击和拖拽操作,往往会有意外收获。

3. n8n核心界面解析

3.1 Home界面

n8n最主要的界面集中在Home按钮下,包含两个核心列表:

  1. Workflow列表:存储所有创建的自动化流程

  2. Credentials列表:存储所有Workflow需要的外部API凭证

3.2 Credentials管理

Credentials的设计有其特殊考量:

  • 共享性:凭证可被多个Workflow引用

  • 管理便利:随着Workflow增多,凭证配置会越来越少

  • 过期监控:凭证过期是Workflow出错的主要原因之一

最佳实践:不建议直接在Credentials中添加凭证,而应在创建Workflow时按需添加,这样更符合实际开发流程。

4. Workflow画布详解

4.1 基础功能

  • 测试执行:点击画布最下方的Test按钮试跑流程

  • 执行记录:切换到executions查看历史运行记录

  • 画布操作

    • Mac支持触控板缩放

    • Windows建议使用左下角缩放按钮

  • 节点操作

    • 支持鼠标拖拽

    • 节点上的➡️按钮支持单步执行(Debug利器)

4.2 重要提醒

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

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

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

这个提醒重复三遍是因为它极其重要,很多用户都曾因此丢失工作成果。

4.3 实用设置

在Settings中,"Save execution progress"功能特别有用:

  • 作用:记录被中断执行的log(适用于批处理问题排查)

  • 场景:程序卡死或手动中断时,可查看中断前的处理状态

5. Executions界面

通过顶部切换按钮可从Editor进入Executions界面:

  • 功能价值

    • 查看Workflow全部历史运行记录

    • 找回历史设计逻辑(弥补无自动保存的缺陷)

    • 复制历史配置到当前画布

  • 操作细节:每个节点都可点击查看详细配置与Log

6. 节点详情页解析

n8n所有节点都遵循统一的三区域设计:

区域位置功能
入参区域左侧接收上一个节点的数据
处理逻辑与设置中部配置当前节点处理逻辑
出参区域右侧展示处理结果及日志

6.1 数据查看模式

入参和出参区域提供三种数据查看方式:

  1. Schema模式:显示元数据(字段/表头)和样例数据

  2. Table模式:表格形式展示所有数据

  3. Json模式:Json格式展示所有数据

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

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

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

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

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

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

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

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

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

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

6.2 数据流处理技巧

  • 变量拖拽:可将入参区域的变量名拖到处理逻辑文本框

  • 跨节点引用:可选择任意前序节点的变量

  • 隐式传递:n8n自动维护数据关联,确保不会"串错"

调试技巧:配置好逻辑后,点击"Test Step"按钮进行单步调试(需有前节点数据缓存)。

7. 其他重要功能

  1. 模板(Templates):跳转官网模板库

  2. 变量(Variables):企业版功能,管理全局变量

  3. 全部执行记录(All executions):全局版的Executions界面

  4. 设置(Settings):常规系统设置

  5. 帮助(Help):官方文档、论坛、视频链接

  6. 账户安全:强烈建议开启二次验证

8. 总结与建议

通过本文的系统介绍,你应该已经对n8n的界面有了全面认识。以下是一些进阶建议:

  1. 养成手动保存习惯:再次强调画布不会自动保存

  2. 善用执行记录:这是找回工作的最后保障

  3. 掌握单步调试:能显著提高开发效率

  4. 定期检查凭证:预防过期导致的流程中断


 资料推荐

    1. n8n 中文系列教程_06.选择适合的 n8n 安装部署方式:完整指南-CSDN博客
    2. n8n 中文系列教程_05.如何在本机部署/安装 n8n(详细图文教程)-CSDN博客
    3. 💡大模型中转API推荐
    4. ✨中转使用教程

    希望这篇指南能帮助你快速上手n8n,开启自动化工作流之旅!如何部署请参考本专栏05-06篇.有用的话记得点赞收藏噜!


     

    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值