Webhook 是什麼?一篇搞懂功能、應用、n8n 串接圖文教學

Webhook 是什麼?一篇搞懂功能、應用、n8n 串接圖文教學

Webhook 讓應用程式之間即時「對話」,快速完成自動化!

Webhook 就像一個自動通知器。
當某件事發生時(例如有人送出表單或付款完成),
它會馬上把資料傳到另一個應用程式指定的網址,不用人工或一直檢查。

為什麼你該用 Webhook的 5 個關鍵理由

  1. 即時反應: 事件發生即時推送,無需輪詢等待
  2. 高效率: 只在需要時觸發,避免重複請求的資源浪費
  3. 自動化: 主動觸發後續流程,串連跨系統任務,減少人工操作
  4. 高整合性: 輕鬆串接各大 SaaS 服務、CRM 與 API 平台
  5. 設定簡單: 技術門檻低,只需一個 URL 就能接收資料並開始整合

本文將用最簡單的比喻、流程圖和實際案例,讓你徹底理解 Webhook 是什麼,
並學會如何在 n8n 中設定 Webhook,輕鬆串接各種服務,告別繁瑣的手動操作!


Webhook 是什麼?跟 API、n8n 有什麼關係?

Webhook 示意圖:事件觸發、Webhook、通知接收系統

Webhook = 事件發生就自動通知
可以把 Webhook 想像成門鈴
當特定事件發生時
(付款完成、表單提交),
它就會主動通知你,
並把資料直接送到你指定的系統。

Webhook 是一種事件驅動的通訊方式,
代表「事件一發生,就會自動通知你」。
當應用程式發生特定事件時,
會自動送出一個 HTTP 請求(通常是 POST)
到另一個應用程式的指定 URL(Webhook 端點),
並附上事件資料(payload)。

Webhook 相關名詞介紹 (點擊展開全文)

HTTP 請求

  • 定義: 當事件發生時,來源應用程式自動發送到另一個應用程式的通訊動作
  • 具體場景: 當顧客在網站上成功付款時,Stripe 系統就會自動送出一個請求給你的 n8n 系統,通知「這筆訂單已經付錢了」

POST

  • 定義: 這是 Webhook 最常使用的一種 HTTP 請求方法 。
  • 具體場景: Stripe 送出的這個請求,就像是帶著「新增一筆已付款訂單」的指令,這就是一種 POST 請求,用來提交新的資訊。

payload

  • 定義: 附帶在 HTTP 請求中,用來描述事件細節的具體資料 。
  • 具體場景: 請求中包含的「顧客姓名、購買商品、付款金額」等詳細資訊,就是 payload,讓 n8n 知道該如何處理這筆訂單。

Webhook 端點

  • 定義: 一個指定的 URL,專門用來接收 Webhook 的事件通知 。
  • 具體場景: 你在 n8n 節點上取得的那串網址,就是 Stripe 要寄送付款通知的「收件地址」。

這邊提供 五個 Webhook 實際應用場景,讓你更快理解:

Webhook 5 大實際應用場景
  1. 客戶付款完成 → Webhook → 自動通知 n8n 啟動寄出收據信
  2. 使用者送出表單 → Webhook → 把資料即時傳到資料庫
  3. 聊天機器人收到訊息 → Webhook → 觸發 AI 即時回覆
  4. CRM 新增客戶 → Webhook → 同步更新到行銷自動化工具
  5. 電商訂單成立 → Webhook → 立即觸發出貨流程

Webhook 本質上就是 事件驅動的 HTTP 請求,它的運作流程大致如下:

  1. 事件發生(例如:用戶完成付款)
  2. 來源系統發送 HTTP POST 請求到接收端(例如 n8n 的 Webhook URL)
  3. 附帶 Payload(資料),通常是 JSON,包含事件細節
  4. 接收端處理資料,觸發後續動作(更新資料庫、寄信、通知)
  5. (可選)回應來源端,告訴它資料已成功接收

經過上面的例子,我們可以理解 Webhook 的核心原理:

事件觸發 Trigger → Webhook(自動送資料) → 接收系統處理 Action

它就像一個事件驅動的快遞員,當事情發生時,自動按門鈴送資料,立刻觸發後續動作。

這就是 Webhook 的價值——即時、自動、高效率
而在 n8n 的世界裡,這個「門鈴」就是 Webhook 節點,幫你啟動整個自動化流程!


n8n 中 Webhook 的運作方式

如果對 n8n 的基本概念還有些陌生,
推薦先閱讀〈一篇搞懂n8n是什麼〉,能幫助你更快進入狀況!

n8n,Webhook 扮演「入口」角色,讓外部事件能即時觸發你的自動化流程。
它主要透過兩個節點運作:

  1. Webhook 節點 (Trigger)
  • 相當於工作流程的「大門」
  • 外部系統只要把資料送到 n8n 提供的專屬 Webhook URL,流程就會立即啟動
  • 接收到的資料會直接作為流程的輸入
  1. Respond to Webhook 節點 (Action)
  • 不只接收資料,還能把處理結果回傳給發送 Webhook 的系統
    這讓 Webhook 不再只是單向通知,而能實現雙向互動

Webhook 在 n8n 的 3 項應用案例

  1. 表單提交處理
    使用者送出網站表單 → Webhook 接收資料 → n8n 驗證與儲存 → 自動通知相關人員
  2. 付款確認
    金流平台回傳付款成功通知 → 觸發流程 → 更新訂單狀態、寄送確認信、生成發票
  3. 即時通知
    監控系統或外部工具發送警示 → n8n 觸發 → 透過 Slack、Email 或簡訊通知團隊

簡單來說:
Webhook 節點負責「接收並觸發」Respond to Webhook 節點負責「回傳結果」
兩者搭配讓 n8n 能處理各種事件驅動的自動化流程。


Webhook 跟 API 差別在哪?

Webhook 示意圖:事件觸發、Webhook、通知接收系統
API 示意圖:用戶、API、應用程式

在應用整合裡,Webhook 和 API 幾乎是最常出現的兩種通訊方式。
這就是為什麼它們常被放在一起比較。

進階閱讀:API 是什麼?5 步驟完成 OpenAI API 串接

它們看似相似,都是「應用程式之間的橋樑」,但實際上運作邏輯完全不同:

  • API 強調「主動查詢」,功能全面
  • Webhook 則是「事件通知」,即時高效

在自動化架構中,兩者也常一起搭配使用:
Webhook 負責即時提醒,API 負責細節查詢與操作。

特點WebhookAPI
通訊模式推送(伺服器在事件發生時傳送資料)拉取(客戶端請求資料)
發起者伺服器(事件來源)客戶端(請求方)
資料流向單向(事件 → 接收端)雙向(請求 ↔ 回應)
即時性是,事件發生立即傳送不一定,常需*輪詢
資源使用高效(無需輪詢)若需輪詢則耗費資源較高
常見應用通知、事件觸發資料存取、CRUD 操作

*輪詢是一種由客戶端主動且重複地向伺服器發出請求,以確認是否有新資料或狀態更新的通訊方式 。

Webhook vs. API 總結

  • Webhook 就像即時提醒,一旦事件發生就自動推送資料,適合即時整合且無需持續檢查
  • API 則是多功能介面,讓客戶端隨時請求資料或操作,適合需要全面控制的情境
  • 在現代應用架構中,Webhook 與 API 常常搭配使用,根據不同需求發揮互補作用

Webhook 5 大領域自動化應用案例

Webhook 五大應用案例:行銷、客服、IT、AI、法務

Webhook 的核心概念是「即時觸發 + 自動執行」,
能將各領域繁瑣的人工流程轉化為順暢的自動化工作流。

以下整理五大領域的典型應用案例:

Webhook 行銷銷售應用

  • 潛在客戶通知:客戶填完諮詢表單,就立即發送 Slack 通知給對應的業務人員 
  • 會員關係管理:新使用者註冊後,自動寄出客製化的歡迎信 
  • 名單自動同步:CRM 與電子報行銷系統(如 Mailchimp)的客戶名單即時同步 
  • 活動流程自動化:使用者報名活動後,自動寄送確認信並建立會議連結 

Webhook 營運與客服應用

  • 電商訂單處理:電商平台新增訂單時,自動同步更新庫存與會計系統 
  • 金流自動化:透過 Stripe 成功收款後,自動更新訂單狀態並產生發票 
  • 客服工單建立:使用者寄信到客服信箱,就自動在 Jira 或 Trello 建立一個新的任務工單 

Webhook 軟體開發與 IT 維運應用

  • CI/CD 自動化:當程式碼被推送到 GitHub 時,自動觸發後續的持續整合與部署 (CI/CD) 流程 
  • 系統異常監控:伺服器監控系統偵測到異常,立即發送通知給工程團隊 
  • 安全與合規:系統偵測到可疑的支付交易,立即觸發即時稽核或安全警示 

Webhook AI 與智慧助理應用

  • 聊天機器人互動:LINE 或 Slack 收到使用者訊息,透過 Webhook 觸發 n8n 並由 AI 進行回覆 
  • AI 工作流觸發:聊天機器人收到複雜問題,透過 Webhook 呼叫 Vertex AI 等大型語言模型進行分析,並回傳結果 

Webhook 行政與法務應用

  • 文件自動歸檔:當客戶透過 DocuSign 完成合約簽署,
    自動將已簽署的文件存入指定的 Google Drive 資料夾 

n8n 串接 Webhook 教學:4 步驟建立自動化流程

Webhook n8n Webhook 教學:建立節點、測試 URL、設計流程、啟用 Production URL,自動化工作流教學

第一步:建立工作流程與 Webhook 節點

首先,你需要一個「門鈴」來接收資料。

  1. 在 n8n 中建立一個新的工作流程 (Workflow)
  2. 新增一個 Webhook 節點,它會是流程的起點(觸發器)
  3. 在節點設定中,確認 HTTP 方法為 POST(最常見的接收方式)
  4. n8n 會自動產生一組專屬的 Test URL,這就是你用來接收測試資料的網址。

第二步:複製 URL 並進行測試

接著,我們要測試這個門鈴是否正常運作。

  1. 點擊複製剛剛產生的 Test URL
  2. 點擊 Listen For Test Event 按鈕,讓 n8n 進入等待接收資料的狀態
  3. 使用像 Postman 或 Webhook.site 這類的測試工具,
    對這個 URL 發送一筆測試資料(例如一段 JSON)
  4. 回到 n8n,你會看到節點成功接收到你剛剛發送的資料,代表門鈴安裝成功! 

第三步:設計你的自動化工作流程

  1. 在 Webhook 節點後面,串接上你需要的其他節點
  2. 你可以利用 Webhook 傳進來的資料來控制後續的流程
  3. 常見流程範例:
    Webhook ➔ Set (轉換資料格式) ➔ Google Sheets (將資料寫入試算表) ➔ Slack (發送通知)

第四步:啟用工作流程並切換至正式 URL

測試都完成後,就可以讓流程正式上線了。

  1. 將 Webhook 節點中的 Test URL 切換為 Production URL
  2. 點擊右上角的 Active 開關,正式啟用你的工作流程
  3. 現在,只要有外部服務將資料發送到你的 Production URL,
    這個自動化流程就會被即時觸發!

Webhook 6 大常見 FAQ

Q1:Webhook 和 API 差在哪?

API 是主動查詢(拉取模式),你需要不斷發送請求;
Webhook 是被動通知(推送模式),事件發生時會自動發送資料。
簡單說,API 是你打電話去問,Webhook 是對方打電話通知你。

延伸閱讀: 詳細比較見本文第二章「Webhook 跟 API 差別在哪?」。

Q2:Webhook 常用什麼資料格式?

大多數 Webhook 使用 JSON,輕量易解析;
少數使用 XML 或 x-www-form-urlencoded。

Q3:Webhook 如何回應?

成功接收後通常回傳 HTTP 200 OK 表示已處理,
有些服務(如 Twilio)可能要求特定格式(如 XML)回應。

Q4:Webhook 會有哪些事件?

事件類型由平台決定,常見的有資料「新增、更新、刪除」,
或使用者「註冊、登入、付款成功、表單提交」等。
各平台文件會列出支援的事件。

Q5:Webhook 可以測試嗎?

可以,在實作 Webhook 時,測試工具很重要。
常用的工具有:

  • Webhook.site:快速產生測試 URL,查看即時 payload
  • RequestBin:檢視請求 headers 與 body
  • Postman:模擬 Webhook 請求,測試接收邏輯
  • ngrok:本地端測試時,建立公開 URL

Q6:Webhook 有哪些安全風險?

Webhook URL 通常公開,可能遭未授權請求或惡意資料注入。
建議:

  • 簽章驗證:確認請求來源合法
  • 限制 IP:設定白名單只允許特定 IP
  • 使用 HTTPS:傳輸加密,防止竊聽或篡改
  • 敏感資料處理:避免傳輸敏感資料,或加密處理

結論:Webook 讓 n8n 實現真正的「即時」自動化

Webhookn8n 自動化工作流程中不可或缺的觸發器。
它不僅能確保你的流程在事件發生時立即啟動,
還能大幅提升效率並減少不必要的資源消耗!

透過簡單的三步驟,你就能輕鬆將各種應用程式與 n8n 緊密串聯,
真正實現跨系統的無縫整合與自動化。
現在馬上試著用 Webhook 串接你的第一個外部應用程式吧!

n8n 閱覽專區

下一步該怎麼走?

如果你時間寶貴、需求複雜,或希望快速看到商業成效,
尋求專家協助是風險更低、更有效率的策略。

歡迎免費預約 1 對 1 AI 顧問諮詢
讓我們為你找出數據瓶頸,釐清最適合你自身、企業的自動化流程!

訂閱Leadion聚合分享

歡迎訂閱電子報,不再錯過關於趨勢洞察、AI自動化還有結合行銷策略的最新分享。

返回頂端