《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
英文地址,請注明出處:http://en.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;在應用層的話很…