昨天我們在 Day 09 順利完成了「資料落地」，成功把解析好的任務結構化寫入 Notion 資料庫。今天我們要完成整個系統最關鍵的拼圖——「打通端到端（End-to-End）閉環」！把原本在 HTTP Request 寫死的靜態文字，改成由前端 Webhook 節點 動態接收，實現外部傳入一句隨筆，系統全自動提煉並建立看板任務的完整自動化流程！

為什麼需要 Webhook 節點？

在先前的測試中，我們的待辦文字都是直接寫死在呼叫 Dify 的參數裡。但在真實應用場景中，任務可能來自於手機捷徑（iOS Shortcuts）、LINE 官方帳號、Slack 機器人或前端網頁表單。

Webhook 節點 就像是 n8n 的「專用門鈴與收發室」，它會提供一組專屬的 HTTP URL。任何外部服務只要向這個網址發送 POST 請求，n8n 就會立刻被喚醒並啟動後續整套 AI 提煉與資料寫入流程。

核心實作步驟說明

1. 連接 Webhook 並取得測試端點

• 回到 n8n 畫布，把左上角的 Webhook 節點右側圓點，拉一條線連到 HTTP Request 節點左側，讓整體流程連成一線：
  Webhook ➔ HTTP Request ➔ Code in JavaScript ➔ Create a database page。

• 點開 Webhook 節點設定：

• HTTP Method：選擇 POST。

• Path：保留預設或自訂（例如 task-input）。

• 切換至 Test URL 分頁，複製測試網址（通常為 http://localhost:5678/webhook-test/...）。

• 點擊節點下方的 「Listen for test event」 進入即時監聽狀態。

2. 發送外部測試請求（捕捉資料結構）

• 打開終端機（PowerShell / Terminal / 命令提示字元）或使用 Postman，執行以下 curl 指令發送一段隨筆文字：

curl -X POST "貼上你的_Test_Webhook_URL" ^
     -H "Content-Type: application/json" ^
     -d "{\"message\": \"下週一早上十點跟主管對報表，今天傍晚去領包裹\"}"

(註：Windows 命令提示字元若報錯，亦可使用 Postman 直接以 POST 發送 JSON)。

• 發送後，n8n 的 Webhook 面板會立刻亮起綠燈，右側成功捕捉到包含 body.message 的 JSON 資料。

3. 將 HTTP Request 改為動態映射

• 點開原先呼叫 Dify 的 HTTP Request 節點。
• 找到 JSON Body 中的 "query" 欄位。
• 把原本寫死的文字清空，改成動態讀取 Webhook 的內容：

{
  "inputs": {},
  "query": "={{ $json.body.message }}",
  "response_mode": "blocking",
  "user": "ironman-test"
}

(或點擊 query 輸入框，從左側 INPUT 面板直接將 body.message 拖曳進去)。

4. 全流程端到端測試與驗證

• 點擊畫布底部的 「Execute workflow（執行整個工作流）」。
• 再次發送一次測試請求。
• 觀察畫布上的節點依序亮起綠色勾勾：Webhook 收到文字 ➔ Dify 智慧萃取 ➔ JS 腳本拆成 2 筆獨立任務 ➔ Notion 即時新增 2 列看板！

今天我們成功打通了整條「語意理解 ➔ 任務落地」的端到端管線，再也不需要手動點擊節點測試。明天「Day 11」我們將進一步為系統加上「LINE Notify / Telegram 即時推播」，當 Notion 任務建立完成後，手機會即時收到提醒回報，讓自動化體驗更完整！

詳細操作小撇步（實作照著做）：

1. 先按 Listen 再發請求：Webhook 節點在測試模式下，一定要先在畫面上點擊「Listen for test event」，外部的 curl 或請求發過去才能被 n8n 攔截到。
2. Body 動態綁定：修改 HTTP Request 時，記得前面要加等號（或是點輸入框切換成 Expression 模式），確認預覽值能正確顯示出剛剛發送的字串。
3. 流程發布切換：如果要真正上線常駐，記得點擊右上角的 Publish 並開啟開關，此時 Webhook 要改用 Production URL 接收資料！
4. 測試與截圖：整條鏈路跑通後，按下 Win + Shift + S 截取整條工作流全綠的畫面與 Notion 寫入結果即可發文！