Level one - Navigating the Editor UI

Josh-avatar-img
發佈於n8n
更新 發佈閱讀 5 分鐘

啟動 n8n登入後,點選「Overview(總覽)」再選「Create Workflow(建立工作流程)」,就會看到主要畫布

Workflow畫布

Workflow畫布

這是建立工作流程的網頁介面,可以在這裡存取所有工作流程、憑證。

左側面板

左側面板包含管理工作流程的核心功能與設定。點選小箭頭可以展開或收合。

面板內容包括:

  • Overview(總覽):你可以在這裡看到所有工作流程、憑證與執行紀錄。
  • Personal(個人):每位使用者都有一個預設的個人專案。如果你沒有建立自訂專案,工作流程與憑證都會儲存在這裡。
  • Projects(專案):可以將工作流程與憑證分組管理,並設定使用者角色權限。此功能不適用於社群版。
  • Admin Panel(管理面板):僅限 n8n Cloud,查看使用狀況、帳單與版本設定。
  • Templates(範本):預先建立好的工作流程範例,適合初學者參考。
  • Variables(變數):儲存並在流程中使用固定資料,僅限 Pro 與 Enterprise 方案。
  • Insights(洞察):提供流程的分析與統計資料。
  • Help(幫助):包含產品與社群資源。
  • What’s New(最新消息):顯示產品更新與新功能。
左側面板

左側面板


上方工具列

上方工具列包含以下項目:

  • Workflow Name(流程名稱):預設為「My workflow」,可以隨時修改。
  • + Add Tag(新增標籤):用來分類流程,依照用途或主題自由設定。
  • Inactive/active (啟用/停用切換):控制目前流程是否啟用,預設為停用。
  • Share(分享):Starter、Pro、Enterprise 方案可與他人協作。
  • Save(儲存):儲存目前流程。
  • History(歷史紀錄):儲存後可查看過去版本。
上方工具列

上方工具列


畫布(Canvas)

畫布是編輯器中灰色網格背景的區域,上面會顯示節點與功能圖示:

畫布縮放按鈕:調整畫布大小、重設縮放、整理節點位置。

  • Execute workflow (執行流程)按鈕:加入第一個節點後可使用,會依序執行所有節點。
  • + 號按鈕:開啟節點面板。
  • sticky note to (便條紙圖示):加入備忘便條。
  • Ask Assistant(詢問助理):畫布右側可呼叫 AI 助理協助建立流程。 (我的畫面沒有,所以刪除)
  • Add first step(新增第一步):點選這裡加入第一個節點。
畫布

畫布

移動畫布方式:

  • 按住 Ctrl + 左鍵拖曳
  • 使用滑鼠中鍵拖曳
  • 觸控板雙指滑動

節點(Nodes)

節點就像是流程的積木,每個節點都有不同功能,組合起來就能形成一個自動化流程。

節點功能:

每個節點代表流程中的一個步驟,可能是:

  • 載入資料
  • 處理資料
  • 傳送資料

n8n 將節點分為四種類型:

  • App or Action Nodes:新增、刪除、編輯資料,或與外部系統互動。
  • Trigger Nodes:啟動流程並提供初始資料。
  • Core Nodes:提供邏輯、排程、API 呼叫等功能。
  • Cluster Nodes:多個節點組合,主要用於 AI 工作流程。

更多說明請參考 節點類型文件


找節點的方法

節點面板在編輯器右側,有三種開啟方式:

  • 點選畫布右上角的 + 號
  • 點選現有節點右側的 + 號
  • 按鍵盤上的 Tab 鍵

如果要找特定節點,可以用面板上方的搜尋欄。


加入節點的方法

有兩種方式可以將節點加入畫布:

  1. 在節點面板中選擇節點,系統會自動連接到目前選取的節點。
  2. 從節點面板拖曳節點到畫布上。

節點上的按鈕

滑鼠移到節點上方會出現三個圖示:

  • 執行節點(播放圖示)
  • 啟用/停用節點(電源圖示)
  • 刪除節點(垃圾桶圖示)

還有一個「...」圖示,點開後會顯示更多選項。


移動整個流程

選取所有節點(滑鼠框選或 Ctrl+A),然後拖曳其中一個節點,就可以移動整個流程。

官方課程連結

留言
avatar-img
留言分享你的想法!
avatar-img
Josh的沙龍
3會員
38內容數
分享知識