iT邦幫忙

2026 iThome 鐵人賽

DAY 10
0
AI 自動化

30 天打造我的 AI 自動化工作流系列 第 10

Day 10|讓資料自己進來:認識 Webhook,讓 n8n 接收外部資料

  • 分享至 

  • xImage
  •  

昨天第一次把 AI 加進 n8n,完成了:

輸入文字 → AI 處理 → 產生摘要

不過昨天的文字還是需要自己先放進 Workflow。

所以今天想解決下一個問題:

如果資料來自其他網站或系統,可以讓它自己進入 n8n 嗎?

這時候就會用到一個很常出現在自動化流程中的東西——Webhook。

Webhook 是什麼?

第一次看到 Webhook 這個名字時,我其實不知道它跟 API 有什麼差別。

後來我用比較簡單的方式理解:

Webhook 就像是提供一個「接收資料的入口」。

當其他網站或系統有資料要傳給 n8n 時,可以把資料送到這個網址。

例如:

使用者填寫表單

表單把資料傳到 Webhook

n8n 收到資料

Workflow 開始執行

這樣就不需要自己一直去確認「有沒有新資料」。

Webhook 和 Trigger 有什麼關係?

前面 Day 7 已經使用過 Schedule Trigger。

Schedule Trigger 是:

時間到了 → Workflow 開始

Webhook 則是:

收到外部資料 → Workflow 開始

所以 Webhook 本身也可以作為 Workflow 的 Trigger。

差別只是觸發的條件不一樣。

這也讓我更理解前面一直提到的一件事情:

不同的 Workflow,需要選擇不同的 Trigger。

Step 1:建立 Webhook

今天先建立一個新的 Workflow,加入 Webhook Node。

加入之後,可以看到 n8n 會提供一個 Webhook URL。

這個網址就是外部資料進入 Workflow 的入口。

https://ithelp.ithome.com.tw/upload/images/20260924/201788352w1S57651s.png

圖 1 新增 Webhook Node

Step 2:設定 HTTP Method

Webhook 還會看到一個設定:

HTTP Method

其中很常看到的就是:

GET 和 POST

目前先簡單理解:

GET 比較常用來取得資料。

POST 比較常用來把資料送出去。

今天我們希望外部系統把一段文字送進 n8n,所以可以使用:

POST

https://ithelp.ithome.com.tw/upload/images/20260924/20178835QlyWlrzwlv.png

圖 2 設定 Webhook 的 HTTP Method

至於 GET、POST 以及 API 更完整的概念,後面再慢慢研究,今天先知道它們的基本用途就好。

Step 3:測試 Webhook

Webhook 建立完成後,就可以開始測試。

可以讓 n8n 進入等待測試資料的狀態,再從外部送一筆資料進來。

例如送入:

{
"text": "今天開始學習如何使用 Webhook 接收外部資料。"
}

如果設定成功,n8n 就會收到這筆 JSON。

https://ithelp.ithome.com.tw/upload/images/20260924/201788355xb7k3bxBX.png

圖 3 Webhook 成功接收到外部 JSON 資料

這時候再回頭看 Day 8 學到的 JSON,就會發現它開始真的派上用場了。

以前 JSON 只是自己建立的測試資料。

現在則變成:

外部系統 → JSON → Webhook → n8n

Step 4:把 Webhook 接到 AI

既然昨天已經讓 AI 可以整理文字,今天就可以把兩個東西組合起來。

整個 Workflow 變成:

Webhook

接收文字

AI Node

AI 整理文字

輸出摘要

這時候 Prompt 裡就可以取得 Webhook 傳進來的文字。

例如概念上可以寫:

請將以下內容整理成簡短摘要:

{{ $json.body.text }}

實際欄位位置要以自己 Webhook 收到的 JSON 結構為準,可以直接從 n8n 的 Input 畫面確認。

https://ithelp.ithome.com.tw/upload/images/20260924/20178835F3RHZwQdK6.png

圖 4 Webhook 與 AI Node 組成的自動化流程

到這裡有什麼不一樣?

昨天的流程是:

我輸入文字 → AI 處理

今天則變成:

其他系統傳送文字 → n8n 自動收到 → AI 處理

這個差別看起來不大,但我覺得是很重要的一步。

因為未來資料不一定是我們自己輸入的。

它可能來自:

網站表單、其他 App、API,甚至另一套資訊系統。

只要資料能夠送進 Workflow,就可以再交給後面的 AI 或其他 Node 繼續處理。

Webhook 可以拿來做什麼?

學到這裡,我開始想到一些比較實際的應用。

例如做一個「意見整理系統」:

使用者提交意見

Webhook 收到資料

AI 判斷意見類型

AI 產生摘要

儲存結果

甚至可以分類成:

系統問題
功能建議
操作問題
其他

這樣就比單純讓 AI 摘要文字更接近真正可以使用的自動化工具。

今日小結

今天認識了 Webhook,也第一次讓資料不是由自己直接建立,而是從外部進入 n8n。

目前可以先把 Webhook 記成:

「提供一個網址,讓其他系統可以把資料送進 Workflow。」

從 Day 6 到現在,已經慢慢把幾個重要概念串起來:

Trigger → JSON → Expression → AI → Webhook

接下來還有一個問題:

AI 處理完資料之後,如果只是顯示在 n8n 裡,好像還不太實用。

所以明天就來想辦法把結果真正保存下來。


上一篇
Day 9|第一次把 AI 接進 n8n:讓 Workflow 自動處理文字
系列文
30 天打造我的 AI 自動化工作流10
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言