使用 Airtop 驅動的動態網頁自動化與資料擷取 - n8n 工作流程

• 需要動態即時網頁存取能力的 AI 代理程式開發人員。


• 在其 n8n 工作流程中需要複雜、擬人化網頁爬取和互動功能的資料科學家。


• 尋求可用於進階瀏覽器控制之 n8n 範本的自動化專家。


• 使用 LangChain 或類似框架，並需要 n8n 作為功能工具庫的用戶。

此 n8n 工作流程範本的設計目的並非作為一個循序漸進的流程，而是作為外部 AI 代理程式可供調用的工具庫。透過使用專用的 MCP Server Trigger（常規用於 AI 代理程式工具註冊的元件），此 n8n 設定轉變為強大的動作層。當 AI 代理程式需要執行複雜的網頁操作時——例如建立工作階段、點擊特定元件、滾動頁面或使用 AI 指令提示查詢資料——它會呼叫與對應 Airtop 工具相關聯的 n8n 觸發器端點。這種架構提供了一種極具彈性的方式來處理動態瀏覽任務，透過專門的 n8n Node 整合，大幅強化了任何 AI 代理程式的能力，賦予其進階的瀏覽器控制權。

整個流程由 MCP Server Trigger 啟動，它作為主要的 n8n 觸發器，等待 AI 協調層的指令。每個後續的 Airtop n8n Node 都被註冊為此觸發器的可呼叫工具。核心邏輯取決於 AI 代理程式根據當前情境或用戶提示，決定需要執行哪種網頁互動。

1. AI 呼叫：AI 代理程式向 n8n 觸發器中定義的專用 Webhook 路徑發送請求。


2. 工具選擇：根據 AI 的意圖，n8n 工作流程會執行對應的 Airtop n8n Node（例如：Create a session in Airtop、Load a page in Airtop 或 Fill form in Airtop）。


3. 動態執行：所選 Airtop n8n Node 的參數（如 Session ID、URL 或元件描述）會使用 $fromAI 表達式動態填充，確保操作是針對特定的 AI 請求量身定制。


4. 擷取與回報：對於資料擷取任務，強大的 Query page in Airtop n8n Node 會使用 AI 指令提示，從瀏覽器內容中智慧地抓取結構化資料。


5. 回傳結果：已執行 n8n Node 的輸出會直接返回給發起的 AI 代理程式，完成整個動作循環。這使得 n8n 工作流程非常高效且適應性強。

若要部署此 n8n 工作流程，請遵循以下步驟：

1. 匯入 (Import)：複製提供的 JSON 資料，並在您的 n8n 實例中使用「新增 (New)」->「從 JSON 匯入 (Import from JSON)」選項貼上。


2. 憑證設定 (Credentials Setup)：您必須設定 Airtop 服務的憑證。找到任何一個 AirtopTool n8n Node（例如 'Create a session in Airtop'），點擊「憑證 (Credential)」欄位。選擇「建立新的 (Create New)」，然後提供您的 Airtop API 金鑰。


3. AI 觸發器設定 (AI Trigger Setup)：MCP Server Trigger 已自動設定為監聽 /airtop 路徑。請確保您的外部 AI 代理程式或框架已設定好，以便在判定需要執行網頁操作時，呼叫此 n8n 觸發器端點。


4. 啟用 (Activate)：儲存並啟用 n8n 工作流程，使 AI 工具上線運作。

• MCP Server Trigger (n8n 觸發器)：

• Airtop Tool: Create a session in Airtop (n8n Node)：

• Airtop Tool: Create a window in Airtop (n8n Node)：

• Airtop Tool: Load a page in Airtop (n8n Node)：

• Airtop Tool: Click an element in Airtop (n8n Node)：

• Airtop Tool: Fill form in Airtop (n8n Node)：

• Airtop Tool: Query page in Airtop (n8n Node)：

• Airtop Tool: Terminate a session in Airtop (n8n Node)：