iT邦幫忙

2025 iThome 鐵人賽

DAY 11
0
Software Development

AI 驅動的 Code Review:MCP 與 n8n 自動化實踐系列 第 11

[Day 11] n8n + AI + MCP 整合流程 - Part 1:建立 Webhook 節點

  • 分享至 

  • xImage
  •  

n8n + AI + MCP 整合流程 - Part 1:建立 Webhook 節點

前言

昨天我們已經完成 n8n 的環境建置。今天則會依照下圖的 n8n + AI + MCP 架構,開始建立流程:

https://ithelp.ithome.com.tw/upload/images/20250907/20121499cvKia0Jfey.png

建立流程

  1. 點選 Create Workflow 建立新的自動化流程

https://ithelp.ithome.com.tw/upload/images/20250910/20121499xA3t7GzsAP.png

  1. 建立後會出現一個空白的 Add First Step 畫面

https://ithelp.ithome.com.tw/upload/images/20250910/20121499sjqlhfCBAa.png

  1. 點擊 Add First Step,會看到多種觸發條件(triggers),例如:
    • 排程(每天 / 每週 / 每月)
    • 聊天訊息觸發

https://ithelp.ithome.com.tw/upload/images/20250910/20121499XyLyiNSms8.png

  1. 選擇 Webhook

    因為我們希望在「建立 Merge Request」或「更新 Merge Request」時觸發流程,讓 AI 進行 Code Review。

https://ithelp.ithome.com.tw/upload/images/20250910/201214998djKCPSOs0.png

  1. 選擇後,會出現 Webhook Node 的設定畫面

https://ithelp.ithome.com.tw/upload/images/20250910/20121499SUmtsE6OjP.png

  1. 複製 Test URL

    注意,必須使用 GitLab 能與 n8n 互通的網址

  2. 前往 GitLab 的 Sidebar,選擇 Webhooks,再點擊 Add New Webhook

https://ithelp.ithome.com.tw/upload/images/20250911/20121499ZMuPoZA9np.png

  1. 將第六步驟複製的 URL 貼到 GitLab Webhook 設定中,並僅勾選 Merge Request Events
    因為我們只需要在 MR 有變更時才觸發流程

https://ithelp.ithome.com.tw/upload/images/20250911/20121499pqFY7ILf2J.png

  1. 回到 n8n,點擊 Execute Workflow 執行測試流程

https://ithelp.ithome.com.tw/upload/images/20250910/20121499UtW6Sw44Ng.png

  1. 這時會顯示 Waiting For Trigger Event

https://ithelp.ithome.com.tw/upload/images/20250910/20121499BL1Hz1gsuL.png

  1. 到 GitLab 實際建立一個 Merge Request

  2. 回到 n8n,可以看到流程被觸發,並顯示 ✅,代表執行成功。

https://ithelp.ithome.com.tw/upload/images/20250911/20121499NtgBPW7Fcf.png

  1. 點擊 Executions,可以查看歷史執行結果

https://ithelp.ithome.com.tw/upload/images/20250911/20121499JMZR6ErHkz.png

小結

今天我們完成了第一個 Node —— Webhook 節點,並透過 GitLab 實際測試,成功觸發 n8n 流程。
是不是有點像在玩遊戲?/images/emoticon/emoticon34.gif

接下來的文章,我們會加入 AI Agent NodeMCP,逐步打造出完整的 AI MCP Code Review 流程


上一篇
[DAY 10] 套用別人寫好的 n8n 模板:AI Code Review 實戰
下一篇
[Day 12] n8n + AI + MCP 整合流程 - Part 2:建立 AI Agent 節點
系列文
AI 驅動的 Code Review:MCP 與 n8n 自動化實踐30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
tytom2005
iT邦新手 4 級 ‧ 2025-11-10 14:55:03

當我在gitlab 設定webhook,在測試時,用"合併請求事件"去測試。它顯示"Hook 執行失敗了。確保專案具有CI流水線。", 我是不是做漏了其他步驟?

看更多先前的回應...收起先前的回應...
  1. URL 連通性確認
  • 確認 n8n webhook URL 可以被 GitLab 訪問
  • 如果是本地開發,GitLab.com 無法連到 localhost
  1. webhook URL 格式
  • 應該使用 n8n 提供的 Production URL(不是 Test URL)
    格式類似:https://your-n8n-instance.com/webhook/your-webhook-path
  1. 常見問題排查
  • 檢查 GitLab 的 webhook 執行記錄(Recent Deliveries)
  • 確認沒有防火牆阻擋
  • n8n workflow 必須是「已啟動」狀態
  1. 若上述訊息都不行,麻煩具體的「Hook 執行失敗」錯誤訊息,才能更精準診斷
tytom2005 iT邦新手 4 級 ‧ 2025-11-11 11:26:41 檢舉

我跟照你的步驟去做,我在gitlab 按"測試" 去發送"合併請求事件"。
它顯示了"Hook execution failed: 確保專案有合併請求。" 而我的n8n就沒有取得gitlab 回應。

我的n8n 是用Hugging Face的

Thank you very much.

tytom2005 iT邦新手 4 級 ‧ 2025-11-11 11:29:16 檢舉

我的gitlab 發送合併請求事件https://ithelp.ithome.com.tw/upload/images/20251111/20139419e6Ro5VVZBE.jpg

嗨你好

  • 方法 1:建立實際的合併請求來測試
    不要用「測試」按鈕,而是:

在你的 GitLab 專案中建立一個新分支
做一些修改並 commit
建立一個實際的 Merge Request
這時 webhook 就會被真實觸發

  • 方法 2:改測試其他事件
    如果只是要確認 webhook 連通性:

在 GitLab webhook 設定中勾選 "Push events"
點擊測試按鈕選擇 "Push events" 來測試
Push events 比較容易測試成功

  • 方法 3:檢查 Hugging Face 的 n8n URL
    Hugging Face 部署的 n8n 可能有特殊限制:
    重要確認事項:

你的 n8n webhook URL 是公開可訪問的嗎?
Hugging Face Space 的 URL 格式類似:https://your-space.hf.space/webhook/...
確認 Hugging Face Space 狀態是 "Running"
可能的問題:

Hugging Face 免費版可能會讓 Space 進入睡眠狀態
如果 Space 睡眠,GitLab webhook 會連不上

上述主要確認你的 n8n url 是否可以運作。
也可以直接 curl 的 n8n url,看是否符合預期。

我要留言

立即登入留言