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 實戰
系列文
AI 驅動的 Code Review:MCP 與 n8n 自動化實踐11
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言