低代碼 API 端點，適用於 FlutterFlow 應用程式 - n8n 工作流程

需要客製化後端 API 邏輯的 FlutterFlow 開發人員。
想要透過簡單的 HTTP GET 請求來公開資料庫或服務資料的使用者。
使用 n8n 範本建置微服務的自動化專家。
任何希望利用 n8n 工作流程功能來客製化擷取資料的人員。

此 n8n 工作流程專為開發人員和自動化專家設計，他們需要快速建置客製化後端 API，而無需管理複雜的伺服器架構。透過使用此 n8n 範本，您可以將任何資料來源轉換為可供行動版或 Web 應用程式使用的 API 端點，特別是針對像 FlutterFlow 這樣的低代碼平台中客製化資料擷取的需求。其核心價值在於利用 n8n 節點的強固功能來處理資料擷取、轉換和結構化回應。整個 n8n 工作流程可作為一個輕量化、可擴展的客製化後端，簡化整合流程。

n8n 工作流程以 On new flutterflow call n8n 觸發器（Webhook 節點）開始。此 n8n 觸發器設定為監聽傳入的 GET 請求，並提供 FlutterFlow 將使用的客製化 URL。

1. 資料擷取： 收到請求後，工作流程會移至資料來源步驟（Customer Datastore 佔位符）。使用者預期會用他們實際的資料庫連接器（例如 PostgreSQL、Supabase、Airtable 或客製化 HTTP 請求）來取代此 n8n 節點。


2. 資料結構化： 擷取到的資料隨後會由 insert into variable (Set) n8n 節點進行處理，以便在特定鍵（students）下封裝資料項目。這種標準化確保了資料的一致性。


3. 彙整： Aggregate variable n8n 節點將上游 n8n 節點產生的所有個別資料項目收集到單一的集合項目中。此步驟對於將回應格式化為大多數前端應用程式（尤其是 FlutterFlow）所預期的清晰 JSON 陣列結構至關重要。


4. 回應： 最後，Respond to flutterflow n8n 節點將完全格式化的 JSON 負載傳送回啟動 n8n 觸發器的客戶端，從而完成 API 呼叫週期。

1. 匯入 n8n 範本： 複製提供的 JSON 並將其匯入到您的 n8n 實例中。


2. 設定 n8n 觸發器： 開啟 On new flutterflow call Webhook n8n 節點。複製產生的 Webhook URL。這就是您將在 FlutterFlow API 設定中配置的端點 URL。


3. 取代資料來源： Customer Datastore (n8n training) n8n 節點是一個佔位符。請將其替換為您的實際資料擷取邏輯。這可以是資料庫 n8n 節點、HTTP Request n8n 節點或客製化 API 所需的任何其他資料來源。


4. 啟用： 確保 n8n 工作流程處於啟用狀態，以允許 n8n 觸發器監聽傳入的請求。

此 n8n 工作流程利用幾個關鍵節點來達成其目標：

On new flutterflow call (Webhook n8n 觸發器)：
功能： 作為 API 的進入點和 n8n 觸發器。它會監聽來自 FlutterFlow 應用程式的傳入 HTTP GET 請求。
關鍵設定： Response Mode (回應模式) 設定為 Response Node (回應節點)，確保最後一個步驟處理 HTTP 回應。
Customer Datastore (n8n training)：
功能： 您的實際資料來源的佔位符。在此 n8n 範本中，它使用 getAllPeople 操作來模擬資料擷取。
insert into variable (Set n8n 節點)：
功能： 用於資料處理，特別是重新命名或對映傳入的資料結構。它會將上游資料輸出指定給名為 students 的新鍵。
Aggregate variable (Aggregate n8n 節點)：
功能： 用於 API 格式化的關鍵 n8n 節點。它會取得多個輸出項目 (students)，並將它們合併成一個 JSON 物件，其中在彙整欄位 students 下包含一個陣列。
Respond to flutterflow (Respond to Webhook n8n 節點)：
功能： 將最終處理好的資料傳送回來源端客戶端 (FlutterFlow)。
關鍵設定： Respond With (以...回應) 設定為 JSON，Response Body (回應內文) 使用表達式 ={{ $json }} 來回傳 Aggregate n8n 節點的輸出結果。