n8n 串接 Supabase 終極指南：視覺化打造你的 Serverless 自動化後端

在現代應用程式開發的浪潮中，「後端即服務 (Backend as a Service, BaaS)」的概念徹底改變了我們打造產品的方式。其中，Supabase 以其開源、基於 PostgreSQL 的強大功能，被譽為「Firebase 的開源替代品」，迅速擄獲了全球開發者的心。

但如果你認為 Supabase 只是個資料庫，那你就錯了。它提供了一整套後端基礎設施：資料庫、使用者認證、檔案儲存、以及自動生成的 RESTful API。然而，一個完整的後端，還需要處理複雜的「商業邏輯 (Business Logic)」——例如，當一個新用戶註冊後，自動發送一封歡迎郵件；或是在訂單狀態變為「已出貨」時，同步更新到 CRM 系統。

這，正是 n8n 登場的時刻。

將 n8n 這個視覺化的自動化引擎，與 Supabase 這個強大的 BaaS 平台結合，你就能夠打造出一個真正意義上的「Serverless 自動化後端」。Supabase 負責儲存數據與管理用戶，而 n8n 則負責處理所有與這些數據相關的、跨系統的商業邏輯與自動化流程。

這篇文章將是你的 n8n 串接 Supabase 的終極實戰指南。我們將從最基礎的連線設定開始，深入探討如何讀寫資料，並揭示最強大的「Database Webhooks」整合模式，讓你學會如何用視覺化拖拉的方式，建構出反應即時、擴充性強的現代化後端應用。

零基礎帶你完成屬於自己的n8n自動化流程

內容目錄

天作之合：為什麼 n8n + Supabase 是現代化的後端開發首選？

這對組合之所以如此強大，在於它們完美地扮演了後端架構中的兩個核心角色：

Supabase：你的「數據與狀態層 (Data & State Layer)」 Supabase 為你提供了一個穩定、可靠的 PostgreSQL 資料庫，並自動為你處理好了所有繁瑣的底層事務。你無需煩惱資料庫的維護、擴展與 API 的開發。它的核心是儲存你的應用程式狀態——誰是你的用戶？他們買了什麼？他們的訂閱狀態是什麼？
n8n：你的「商業邏輯層 (Business Logic Layer)」 n8n 則是你處理所有「當…發生時，就做…」的商業邏輯的地方。它的核心是行動與整合。當 Supabase 中的數據發生變化時（例如，users 表中新增了一筆紀錄），n8n 能夠捕捉到這個事件，並執行一系列跨系統的、你預先設計好的自動化流程。

這個組合的優勢：

極速開發： 你無需撰寫任何後端程式碼，就能實現複雜的功能。
無伺服器 (Serverless)： 你不用管理伺服器、不用擔心擴展性，Supabase 和 n8n Cloud (或你自架設的 Docker 環境) 會為你處理好一切。
高度彈性： n8n 擁有數百個整合節點，可以將你的 Supabase 資料庫，與世界上任何你需要的服務（金流、客服、行銷…）無縫對接。
視覺化與低程式碼： 整個後端的商業邏輯，都以清晰的 n8n 工作流圖呈現，極易理解與維護。

連線設定：取得 Supabase API 金鑰並建立 n8n 憑證

在開始之前，我們需要先從 Supabase 取得 API 金鑰，並在 n8n 中設定好連線憑證。

登入你的 Supabase 專案儀表板。
在左側選單中，點擊齒輪圖示進入「Project Settings」。
選擇「API」分頁。

在這裡，你會看到兩個關鍵資訊：

Project URL: 你的專案專屬 URL，例如 https://xxxxxxxx.supabase.co。
Project API keys: 你會看到兩組金鑰：anon (public) 和 service_role (secret)。
- anon (public) Key: 公開金鑰，通常用於前端應用。它會受到你設定的「行級安全策略 (Row Level Security, RLS)」的限制。
- service_role (secret) Key: 服務角色金鑰，這是你的後端超級金鑰。它會繞過所有 RLS 策略，擁有對資料庫的完全存取權限。在 n8n 這種後端環境中，我們通常會使用這組金鑰。 請妥善保管，絕對不要外洩。

在 n8n 中建立憑證：

新增一個 Supabase 節點。
在 Credential 欄位點擊「Create New」。
Project URL: 貼上你的 Supabase 專案 URL。
API Key: 貼上你的 service_role (secret) 金鑰。
儲存憑證。

核心操作實戰：使用 n8n 讀取與寫入 Supabase 資料

n8n 的 Supabase 節點，將複雜的資料庫操作簡化為直觀的選項。

讀取資料 (Select)

目標： 找出所有 users 表中，country 欄位為 Taiwan 的使用者。
Supabase 節點設定：
- Resource: Table Row
- Operation: Select
- Table: users
- Columns: * (代表所有欄位)
- Filters > Add Filter > Simple:
  - Key: country
  - Operator: eq (等於)
  - Value: Taiwan

新增資料 (Insert)

目標： 將一筆從 Webhook 傳入的新銷售線索，寫入到 leads 表中。
Supabase 節點設定：
- Resource: Table Row
- Operation: Insert
- Table: leads
- Columns > Add Column:
  - Name: name, Value (Expression): {{ $json.body.name }}
  - Name: email, Value (Expression): {{ $json.body.email }}

殺手級應用：啟用 Supabase Database Webhooks，實現真正的事件驅動自動化

雖然我們可以透過排程 (Schedule 節點) 定期去輪詢資料庫的變化，但最高效、最即時的方式，是讓資料庫在有變動時，「主動通知」n8n。這就要用到 Supabase 的殺手級功能：Database Webhooks。

目標： 當 profiles 表中有任何「新紀錄被插入 (INSERT)」時，立即觸發一個 n8n 工作流。

步驟一 (Supabase):

在 Supabase 專案儀表板，進入「Database」 > 「Webhooks」。
點擊「Create a new webhook」。
Name: 給你的 Webhook 取個名字，例如 n8n_new_user_trigger。
Table: 選擇 profiles 表。
Events: 只勾選 INSERT。
HTTP Request:
- URL: 回到 n8n，建立一個新的工作流，並新增一個 Webhook 節點。將 Webhook 節點的 Test URL 複製並貼到這裡。
- Method: POST

步驟二 (n8n):

現在，你的 n8n Webhook 節點，已經成為 Supabase 資料庫的「事件監聽器」。
當有新用戶註冊，一筆新紀錄被 INSERT 到 profiles 表時，Supabase 會在毫秒內，將這筆新紀錄的完整資料，以 JSON 格式發送到你的 n8n Webhook URL，從而即時觸發後續的自動化流程。

這，就是一個真正的 Serverless 事件驅動後端架構！

實戰演練：建立「新用戶註冊」自動歡迎郵件流程

讓我們結合 Database Webhook 來建立一個完整的應用。

流程設計： Webhook (來自 Supabase) -> Set -> Gmail

Webhook 節點:
- 如上所述，設定接收來自 Supabase profiles 表 INSERT 事件的通知。
- 觸發後，你會在 body.record 物件中，找到新用戶的完整資料，例如 body.record.email 和 body.record.full_name。
Set 節點 (可選):
- 為了方便管理，你可以將需要的欄位從巢狀的 body.record 中提取出來，變成頂層的欄位。例如，建立一個 name 欄位，值為 {{ $json.body.record.full_name }}。
Gmail 節點:
- To Address: {{ $json.body.record.email }}
- Subject: 歡迎加入我們的大家庭，{{ $json.body.record.full_name }}！
- 撰寫你的歡迎郵件內容。