《n8n基础教学》第一节:如何使用编辑器UI界面

        在本课中,你将学习如何操作编辑器界面。我们将浏览画布,向您展示每个图标的含义,以及在 n8n 中构建工作流程时在哪里可以找到您需要的东西。

本课程基于 n8n 最新版本 。在其他版本中,某些用户界面可能有所不同,但这不会影响核心功能。

1. 开始使用

首先部署n8n,本文使用docker进行本地化部署。

您可以使用 Docker 本地部署。这是一个高级选项,仅推荐熟悉托管服务、Docker 和命令行的技术用户使用。        

image-20250728223016573

 

一旦 n8n 运行起来,在浏览器窗口中打开编辑器界面。登录到您的 n8n 实例,选择概览,然后创建工作流以查看主画布。

它应该如下所示:

image-20250728223143766

 

image-20250728223153517

 

2. 编辑器界面设置

        编辑器界面是用于构建工作流的 Web 界面。您可以从编辑器界面访问所有工作流和凭据,以及支持页面。

2.1 左侧面板

        在编辑器界面的左侧,有一个面板包含管理工作流的核心功能和设置。通过选择小箭头图标可以展开或折叠它。

面板包含以下部分:

  • • 概览:包含您有权访问的所有工作流和凭据。在本课程中,您可以在此处创建新的工作流。

  • • 项目:(社区版不可用)项目将工作流和凭据分组。您可以为项目中的用户分配角色以控制他们在项目中的操作。默认情况下会有一个个人项目。

  • • 管理面板:仅限 n8n Cloud。访问您的 n8n 实例使用情况、账单和版本设置。

  • • 模板:预置工作流的集合。是开始常见用例的好地方。

  • • 变量:用于存储和访问工作流中的固定数据。此功能在专业版和企业版计划中可用。

  • • 所有执行:包含有关工作流执行的信息。

  • • 帮助:包含有关 n8n 产品和社区的资源。

  • • 更新:(当有更新可用时)显示最近产品更新的指示器。

  • • 设置:在用户名旁边的省略号(...)菜单下。管理用户和各种功能的访问设置。

image-20250728223947421

 

2.2 顶部栏

编辑器界面的顶部栏包含以下信息:

  • • 工作流名称:默认情况下,n8n 将新工作流命名为“我的工作流”,但您可以随时编辑名称。

  • • + 添加标签:标签帮助您按类别、用例或任何相关方式组织工作流。标签是可选的。

  • • 激活/停用切换:此按钮激活或停用当前工作流。默认情况下,工作流处于停用状态。

  • • 分享:您可以在 Starter、Pro 和 Enterprise 计划中与他人共享和协作工作流。

  • • 保存:此按钮保存当前工作流。

  • • 历史记录:一旦保存工作流,您可以在此处查看以前的版本。

image-20250728224245574

 

2.3 画布

画布是编辑器界面中的灰色虚线网格背景。它显示多个图标和一个具有不同功能的节点:

  • • 用于将画布缩放到适合屏幕、放大或缩小画布以及整理屏幕上节点的按钮。

  • • 一旦添加第一个节点,执行工作流按钮。点击它时,n8n 会按顺序执行画布上的所有节点。

  • • 带有+符号的按钮。此按钮打开节点面板。

  • • 带有便签图标的按钮。此按钮在画布上添加一个便签(悬停在右上角的+图标上时可见)。

  • • 带有“添加第一步”文本的虚线框。这是您添加第一个节点的地方。

image-20250728224700156

 

您可以通过三种方式移动工作流画布:

  • • 在画布上选择ctrl+左键并移动。

  • • 在画布上选择中键并移动。

  • • 将两根手指放在触摸板上并滑动。

3. 节点

您可以将节点视为提供不同功能的构建块,这些功能组合在一起后,构成了一台正常运行的机器:自动化工作流程。

节点是工作流中的一个单独步骤:(a) 加载、(b) 处理或 (c) 发送数据的步骤。

根据其功能,n8n 将节点分为四种类型:

  • • 应用操作节点添加、删除和编辑数据;请求和发送外部数据;并触发其他系统中的事件。

  • • 触发器节点启动工作流并提供初始数据。

  • • 核心节点可以是触发器或操作节点。大多数节点连接到特定的外部服务,而核心节点提供逻辑、调度或通用 API 调用等功能。

  • • 集群节点是协同工作以在工作流中提供功能的节点组,主要用于 AI 工作流。

3.1 查找节点

您可以在编辑器界面右侧的节点面板中找到所有可用节点。有三种方式可以打开节点面板:

  • • 点击画布右上角的+图标。

  • • 点击画布上现有节点右侧的+图标(您想添加另一个节点的节点)。

  • • 点击键盘上的tab键。

image-20250728225402189

 

image-20250728225431061

 

        在节点面板中,请注意,当添加第一个节点时,您会看到不同的触发器节点类别。添加触发器节点后,节点面板会显示高级 AI、应用中的操作、数据转换、流、核心和人机交互节点。

image-20250728225656948

 

        如果要查找特定节点,请使用节点面板顶部的搜索输入框。

image-20250728225636276

 

3.2 添加节点

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

  • • 在节点面板中选择所需的节点。新节点将自动连接到画布上选定的节点。

  • • 从节点面板拖放节点到画布上。

image-20250728225833148

 

3.3 节点按钮

如果将鼠标悬停在节点上,您会注意到顶部出现三个图标:

  • • 执行节点(播放图标)

  • • 停用/激活节点(电源图标)

  • • 删除节点(垃圾桶图标)

还有一个省略号图标,打开一个上下文菜单,包含其他节点选项

image-20250728225737462

 

要移动工作流在画布上的位置,用鼠标或ctrl+a选择所有节点,选择一个节点并按住,然后将其拖动到画布上的任何位置。

4. 总结

        在本课程中,您学习了如何导航编辑器界面、图标的含义、如何访问左侧和节点面板,以及如何将节点添加到画布。

在下一课中,您将构建一个迷你工作流,以实践到目前为止学到的内容。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/web/91578.shtml
繁体地址,请注明出处:http://hk.pswp.cn/web/91578.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

gcc g++ makefile CMakeLists.txt cmake make 的关系

gcc:C语言编译器g:C编译器makefile:定义编译规则、依赖关系和构建目标。可以手动编写,也可以由CMakeLists.txt生成cmake:读取CMakeLists.txt文件,生成Makefilemake:构建工具,执行Mak…

SFT 训练器

SFT 训练器 “训练时间到!” 我们现在终于可以创建一个监督微调训练器的实例了: trainer = SFTTrainer( model=model, processing_class=tokenizer, args=sft_config, train_dataset=dataset, )SFTTrainer 已经对数据集进行了预处理,因此我们可以深入查看,了解每个小批次…

Android Material Components 全面解析:打造现代化 Material Design 应用

引言 在当今移动应用开发领域,用户体验(UX)已成为决定应用成功与否的关键因素之一。Google推出的Material Design设计语言为开发者提供了一套完整的视觉、交互和动效规范,而Material Components for Android(MDC-Android)则是将这些设计理念转化为可重用…

Windows使用Powershell自动安装SqlServer2025服务器与SSMS管理工具

安装结果: 安装前准备: 1.下载mssql server 2025安装器 2.下载iso镜像 3.下载好SSMS安装程序,并放到iso同目录下 4.执行脚本开始自动安装

09 RK3568 Debian11 ES8388 模拟音频输出

1、设备树配置 确认自己的i2c,使用sdk带的驱动es8323 /SDK/kernel/sound/soc/codecs/es8323.c es8388_sound: es8388-sound {status = "okay";compatible = "rockchip,multicodecs-card"; rockchip,card-name = "rockchip,es8388-codec"; …

力扣-199.二叉树的右视图

题目链接 199.二叉树的右视图 class Solution {public List<Integer> rightSideView(TreeNode root) {List<Integer> res new ArrayList<>();Queue<TreeNode> queue new LinkedList<>();if (root null)return res;queue.offer(root);while …

Android Bitmap 完全指南:从基础到高级优化

在 Android 开发中&#xff0c;图像处理是一个核心且复杂的领域&#xff0c;而 Bitmap 作为 Android 中表示图像的基本单位&#xff0c;贯穿了从简单图片显示到复杂图像编辑的各个场景。然而&#xff0c;Bitmap 处理不当往往会导致应用性能下降、内存溢出&#xff08;OOM&#…

unity日志过滤器

背景&#xff1a;之前做游戏的时候和同组的同事聊过说日志过滤尽量不要限制大家怎么使用日志打印的接口&#xff0c;不要加额外的参数&#xff0c;比如多加一个标签string,或者使用特定的接口&#xff0c;枚举。最好就是日志大家还是用Debug.Log无感去用&#xff0c;然后通过勾…

OpenGL Camera

一. lookAt函数的参数含义glm::mat4 view glm::lookAt(cameraPos, // 相机在世界坐标系中的位置&#xff08;任意值&#xff09;cameraPos cameraFront, // 相机看向的目标点&#xff08;位置朝向&#xff09;cameraUp // 相机的"上方向"&#xff08;通…

Android RTMP推送|轻量级RTSP服务同屏实践:屏幕+音频+录像全链路落地方案

一、背景&#xff1a;从“移动终端”到“远程协作节点”&#xff0c;同屏音频录像为何成刚需&#xff1f; 在数字化办公、智慧医疗与远程教育等快速发展的推动下&#xff0c;手机作为随身终端&#xff0c;已不再只是“内容接收者”&#xff0c;而逐步成为远程信息发布与可视化…

NLP 和 LLM 区别、对比 和关系

理解自然语言处理(NLP)和大语言模型(LLM)的区别、对比和关系对于把握现代人工智能的发展非常重要。以下是清晰的分析: 核心定义 NLP (Natural Language Processing - 自然语言处理): 是什么: 一个广阔的计算机科学和人工智能子领域,致力于让计算机能够理解、解释、操作…

Altium 移除在原理图之外的元器件

Altium新手&#xff0c;最近在画原理图的时候&#xff0c;遇见了这种不小心拖到界面外的元器件&#xff0c;发现拖不回来了了&#xff0c;查阅了一下&#xff0c;总结在这里 官方推荐的方法----------------使用“SCH List”面板删除 链接&#xff1a;如何移除在原理图之外的元…

【Linux我做主】细说环境变量

Linux环境变量Linux环境变量github地址前言1. 基本概念环境变量的本质2. 认识常见的环境变量PATH查看PATH修改PATHHOMESHELL其他常见环境变量PWD与OLDPWDLOGNAME与USERSSH_TTY由环境变量理解权限使用系统调用获取环境变量理解权限3. 总结什么是环境变量3. 命令行参数和环境变量…

leecode-15 三数之和

我的解法&#xff08;不是完全解309/314&#xff09;我的思路是定义一个left和一个right&#xff0c;然后在向集合里去查询&#xff0c;看看有没有除了nums[left]&#xff0c;和nums[right]的第三个元素&#xff0c;把这个问题转换为一个遍历查找问题 利用List.contains()方法来…

精通分类:解析Scikit-learn中的KNN、朴素贝叶斯与决策树(含随机森林)

在机器学习领域&#xff0c;分类任务占据核心地位。Scikit-learn作为Python的机器学习利器&#xff0c;提供了丰富高效的分类算法。现在进行初步探讨三种经典算法&#xff1a;K最近邻&#xff08;KNN&#xff09;、朴素贝叶斯&#xff08;Naive Bayes&#xff09;和决策树&…

Galaxea机器人由星海图人工智能科技有限公司研发的高性能仿人形机器人

Galaxea机器人是由星海图人工智能科技有限公司研发的高性能仿人形机器人&#xff0c;具有多种型号&#xff0c;包括Galaxea R1和Galaxea R1 Pro。以下是关于Galaxea机器人的详细介绍&#xff1a; GitHub官网 产品特点 高自由度设计&#xff1a;Galaxea R1是一款全尺寸仿人型机…

python基础:用户输入和 while 循环

一、input() 函数的工作原理input() 函数让程序暂停运行&#xff0c;等待用户输入一些文本。获取用户输入后&#xff0c;Python 将其赋给一个变量&#xff0c;以便使用。message input("Tell me something, and I will repeat it back to you: ") print(message) 结…

开启云服务器mysql本地连接(is not allowed to connect to this mysql server)

is not allowed to connect tothis mmysql server 阿里云上安装的mysql&#xff0c;发现用本地电脑的navicat链接不上。通过了解知道了原因&#xff0c;小二在此写了一篇&#xff0c;省的以后自己在碰到。 错误如图。 aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTU4MTU1My8…

电脑的时间同步电池坏掉了,每次开机都要调整时间

电脑的时间同步的电池没电了&#xff0c;每天开机时间都不对&#xff0c;要打开时间同步按钮来设置时间解决方案1.找到这个设置并打开&#xff0c;实际上&#xff0c;要打开这个界面&#xff0c;时间才会同步&#xff0c;可能是我的电脑原因&#xff0c;所以我没办法打开这个就…

mycat在游戏中的使用场景(邮件表,mysql集群,而不是邮件服)

其实还有一种是SharingJDBC&#xff0c;而且之间在B站的同学也是说用这个&#xff0c;但是我们目前项目邮件中用的却是: mycat&#xff0c;为什么呢&#xff1f;mycat其实是中间件&#xff0c;是需要独立部署的&#xff0c;是数据库服务器这块的代理&#xff0c;在应用层的话很…