8
n8n Españolamn8n.com

Aprende sobre API de Webhook segura con autenticación e integración de Supabase

Avanzado

Este es unEngineering, Miscellaneous, Multimodal AIflujo de automatización del dominio deautomatización que contiene 27 nodos.Utiliza principalmente nodos como Set, Webhook, Supabase, RespondToWebhook. Aprender sobre API de Webhook seguras con autenticación e integración de Supabase

Requisitos previos
  • •Punto final de HTTP Webhook (n8n generará automáticamente)
  • •URL y Clave de API de Supabase

Nodos utilizados (27)

Set
Webhook
Supabase
StickyNote
RespondToWebhook

Categoría

Ingeniería
Varios
IA Multimodal
Vista previa del flujo de trabajo
Visualización de las conexiones entre nodos, con soporte para zoom y panorámica
React Flow
Exportar flujo de trabajo
Copie la siguiente configuración JSON en n8n para importar y usar este flujo de trabajo
{
  "meta": {
    "instanceId": "67d4d33d8b0ad4e5e12f051d8ad92fc35893d7f48d7f801bc6da4f39967b3592",
    "templateCredsSetupCompleted": true
  },
  "nodes": [
    {
      "id": "5029ae4f-cddf-4ea3-887b-24dfe0bd4526",
      "name": "Disparador Webhook",
      "type": "n8n-nodes-base.webhook",
      "position": [
        -80,
        -240
      ],
      "webhookId": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
      "parameters": {
        "path": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
        "options": {},
        "responseMode": "responseNode"
      },
      "typeVersion": 2.1
    },
    {
      "id": "9722f40e-5f71-4e2f-b774-30abaf2cd12b",
      "name": "Disparador Webhook1",
      "type": "n8n-nodes-base.webhook",
      "position": [
        -80,
        64
      ],
      "webhookId": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
      "parameters": {
        "path": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
        "options": {},
        "httpMethod": "POST",
        "responseMode": "responseNode"
      },
      "typeVersion": 2.1
    },
    {
      "id": "61ab48f4-cbc4-4fe6-b999-5c8179c2f199",
      "name": "Disparador Webhook2",
      "type": "n8n-nodes-base.webhook",
      "position": [
        -80,
        1200
      ],
      "webhookId": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
      "parameters": {
        "path": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
        "options": {},
        "httpMethod": "PUT"
      },
      "typeVersion": 2.1
    },
    {
      "id": "52473972-d31a-4d2d-b7bd-4021b218dbf1",
      "name": "Disparador Webhook3",
      "type": "n8n-nodes-base.webhook",
      "position": [
        -80,
        352
      ],
      "webhookId": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
      "parameters": {
        "path": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
        "options": {
          "ipWhitelist": "",
          "allowedOrigins": "*"
        },
        "httpMethod": "PATCH",
        "responseMode": "streaming"
      },
      "typeVersion": 2.1
    },
    {
      "id": "977d58d2-21f2-456e-8c32-188f4058d8e5",
      "name": "Disparador Webhook4",
      "type": "n8n-nodes-base.webhook",
      "position": [
        -80,
        640
      ],
      "webhookId": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
      "parameters": {
        "path": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
        "options": {},
        "httpMethod": "DELETE"
      },
      "typeVersion": 2.1
    },
    {
      "id": "6cb10c72-df1e-4b00-a616-1b814d39e49f",
      "name": "Disparador Webhook5",
      "type": "n8n-nodes-base.webhook",
      "position": [
        -80,
        928
      ],
      "webhookId": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
      "parameters": {
        "path": "07aaa04d-6c73-416f-82e2-1e6ededeacc4",
        "options": {},
        "httpMethod": "HEAD"
      },
      "typeVersion": 2.1
    },
    {
      "id": "39d1b185-bd11-4fba-9efb-0b839dc9fd34",
      "name": "Nota Adhesiva",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -704,
        -368
      ],
      "parameters": {
        "color": 4,
        "width": 464,
        "height": 272,
        "content": "## What is a webhook (in n8n)?\nA webhook is a tiny HTTP endpoint that n8n exposes to trigger a workflow when it’s called. It can read query params, headers, and body (JSON/form/multipart), and it can send a response immediately, after the flow finishes, or via a Respond to Webhook node. Each Webhook node gives you a Test URL (editor-only) and a Production URL (requires the workflow to be active). Security is built-in: Basic, Header, or JWT auth, plus IP allow-listing and CORS options."
      },
      "typeVersion": 1
    },
    {
      "id": "82826a07-84c3-415b-8253-dbb7098da016",
      "name": "Nota Adhesiva1",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -144,
        -368
      ],
      "parameters": {
        "color": 7,
        "width": 272,
        "height": 272,
        "content": "## GET → \n“Retrieve data without making changes. Think queries or health checks.”"
      },
      "typeVersion": 1
    },
    {
      "id": "2895700d-5086-4d05-9048-d4038cdf387f",
      "name": "Nota Adhesiva2",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -144,
        -64
      ],
      "parameters": {
        "color": 7,
        "width": 272,
        "height": 272,
        "content": "## POST → \n“Send new data/events. Most webhooks from apps use POST.”"
      },
      "typeVersion": 1
    },
    {
      "id": "34949301-c2dc-4c6f-9630-765bf6e8237e",
      "name": "Nota Adhesiva3",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -144,
        1088
      ],
      "parameters": {
        "color": 7,
        "width": 256,
        "height": 272,
        "content": "## PUT → \n“Replace a whole resource with new data. Idempotent.”"
      },
      "typeVersion": 1
    },
    {
      "id": "2876d5a1-b3e8-41dc-9619-d91fe8bac16e",
      "name": "Nota Adhesiva4",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -144,
        224
      ],
      "parameters": {
        "color": 7,
        "width": 272,
        "height": 272,
        "content": "## PATCH → \n“Update part of a resource. Send only the fields that changed.”"
      },
      "typeVersion": 1
    },
    {
      "id": "083b92a1-d4cd-46bb-a0b3-4db1f24dbffd",
      "name": "Nota Adhesiva5",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -144,
        512
      ],
      "parameters": {
        "color": 7,
        "width": 272,
        "height": 272,
        "content": "## DELETE → \n“Remove a resource. Repeating the call has the same result.”"
      },
      "typeVersion": 1
    },
    {
      "id": "ffda96a3-68fc-4388-88d5-375a39a4cea0",
      "name": "Nota Adhesiva6",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -144,
        800
      ],
      "parameters": {
        "color": 7,
        "width": 256,
        "height": 272,
        "content": "## HEAD → \n“Like GET but no body — used for checks/headers only.”"
      },
      "typeVersion": 1
    },
    {
      "id": "667f87de-c043-4d88-a9a3-4ee70e3abfd2",
      "name": "Nota Adhesiva7",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -704,
        -80
      ],
      "parameters": {
        "color": 4,
        "width": 464,
        "height": 432,
        "content": "## 🔐 Webhook Auth Types in n8n\n\n* **Basic Auth** → Username + password in the request.\n  *Good for simple server-to-server use. Always use HTTPS.*\n\n* **Header Auth** → Require a specific header + value (e.g. `X-API-Key`).\n  *Works like an API key. Easy to rotate or share.*\n\n* **JWT Auth** → Caller sends a signed JWT (`Authorization: Bearer <token>`).\n  *Stronger option — tokens can expire and carry claims.*\n\n**Extra hardening (Options menu):**\n\n* **IP Whitelist** → Only allow listed IPs.\n* **Allowed Origins (CORS)** → Restrict browser requests to known domains.\n* **Ignore Bots** → Block crawlers/link previewers."
      },
      "typeVersion": 1
    },
    {
      "id": "907e9243-a595-497d-a017-acfb4211d2b5",
      "name": "Nota Adhesiva8",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -704,
        368
      ],
      "parameters": {
        "color": 4,
        "width": 464,
        "height": 320,
        "content": "## 📡 Webhook Response Types in n8n\n\n* **Immediately** → Returns `200 OK` right away.\n  *Use when caller only needs a quick acknowledgement.*\n\n* **When Last Node Finishes** → Waits for the workflow to complete, then sends the final data back.\n  *Good when the client expects the processed result.*\n\n* **Using Respond to Webhook** → Response is sent from a separate **Respond to Webhook** node.\n  *Best for async flows — reply later while work continues in background.*\n"
      },
      "typeVersion": 1
    },
    {
      "id": "d11d5a46-2b3e-4e49-beb5-4923f828492a",
      "name": "Obtener una fila",
      "type": "n8n-nodes-base.supabase",
      "position": [
        240,
        -240
      ],
      "parameters": {
        "filters": {
          "conditions": [
            {
              "keyName": "email",
              "keyValue": "={{ $json.query.email }}"
            }
          ]
        },
        "tableId": "demo_contacts",
        "operation": "get"
      },
      "credentials": {
        "supabaseApi": {
          "id": "PNDtoaSn7rFuj8zX",
          "name": "Supabase Nocodecreative.io"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "edbd8d72-79ea-4101-900e-2635b047300f",
      "name": "Responder a Disparador Webhook",
      "type": "n8n-nodes-base.respondToWebhook",
      "position": [
        512,
        -240
      ],
      "parameters": {
        "options": {},
        "respondWith": "allIncomingItems"
      },
      "typeVersion": 1.4
    },
    {
      "id": "f8d8f340-c194-4c4e-a308-d5c95e8533b9",
      "name": "Crear una fila",
      "type": "n8n-nodes-base.supabase",
      "position": [
        512,
        64
      ],
      "parameters": {
        "tableId": "demo_contacts",
        "dataToSend": "autoMapInputData",
        "inputsToIgnore": "id"
      },
      "credentials": {
        "supabaseApi": {
          "id": "PNDtoaSn7rFuj8zX",
          "name": "Supabase Nocodecreative.io"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "5999b69a-5b9f-4f55-9bf3-f579dfe869a1",
      "name": "Editar Campos",
      "type": "n8n-nodes-base.set",
      "position": [
        240,
        64
      ],
      "parameters": {
        "mode": "raw",
        "options": {},
        "jsonOutput": "={{ $json.body }}"
      },
      "typeVersion": 3.4
    },
    {
      "id": "c04fc7eb-e43a-48bd-a979-ed423b52b9f3",
      "name": "Editar Campos1",
      "type": "n8n-nodes-base.set",
      "position": [
        240,
        352
      ],
      "parameters": {
        "mode": "raw",
        "options": {},
        "jsonOutput": "={{ $json.body }}"
      },
      "typeVersion": 3.4
    },
    {
      "id": "7ec4b8ac-5b1a-4b31-9759-f8b7ed070178",
      "name": "Responder a Disparador Webhook1",
      "type": "n8n-nodes-base.respondToWebhook",
      "position": [
        752,
        64
      ],
      "parameters": {
        "options": {},
        "respondWith": "allIncomingItems"
      },
      "typeVersion": 1.4
    },
    {
      "id": "0d50f8f4-df4d-448f-9c05-8e2043e8a8d2",
      "name": "Responder a Disparador Webhook2",
      "type": "n8n-nodes-base.respondToWebhook",
      "position": [
        752,
        352
      ],
      "parameters": {
        "options": {},
        "respondWith": "allIncomingItems"
      },
      "typeVersion": 1.4
    },
    {
      "id": "481f146d-0d14-4b40-beeb-3f56c548d9cc",
      "name": "Actualizar una fila",
      "type": "n8n-nodes-base.supabase",
      "position": [
        512,
        352
      ],
      "parameters": {
        "filters": {
          "conditions": [
            {
              "keyName": "id",
              "keyValue": "={{ $json.id }}",
              "condition": "eq"
            }
          ]
        },
        "tableId": "demo_contacts",
        "operation": "update",
        "dataToSend": "autoMapInputData"
      },
      "credentials": {
        "supabaseApi": {
          "id": "PNDtoaSn7rFuj8zX",
          "name": "Supabase Nocodecreative.io"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "ae559e34-c048-4ab7-82d6-5e5f34d0f5d5",
      "name": "Eliminar una fila",
      "type": "n8n-nodes-base.supabase",
      "position": [
        240,
        640
      ],
      "parameters": {
        "filters": {
          "conditions": [
            {
              "keyName": "id",
              "keyValue": "={{ $json.query.id }}",
              "condition": "eq"
            }
          ]
        },
        "tableId": "demo_contacts",
        "operation": "delete"
      },
      "credentials": {
        "supabaseApi": {
          "id": "PNDtoaSn7rFuj8zX",
          "name": "Supabase Nocodecreative.io"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "fb7f6c4a-05f9-4096-96f8-035f8bc20a8d",
      "name": "Nota Adhesiva10",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        1248,
        -32
      ],
      "parameters": {
        "color": 6,
        "width": 848,
        "height": 171,
        "content": "# n8n Webhooks: A Beginner’s Guide (with Security Built-In)\nBuilt by [Wayne Simpson](https://www.linkedin.com/in/simpsonwayne/) at [nocodecreative.io](https://nocodecreative.io)\n☕ If you find this useful, feel free to [buy me a coffee](https://ko-fi.com/waynesimpson)"
      },
      "typeVersion": 1
    },
    {
      "id": "647b73a3-b157-40ef-b12d-8fe7b69d630c",
      "name": "Nota Adhesiva11",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        1040,
        176
      ],
      "parameters": {
        "color": 7,
        "width": 667,
        "height": 497,
        "content": "# Watch the Video 📺\n### Watch the Video 👇\n[![n8n Webhooks 101 | Secure Them the Right Way](https://vdyfnvnstovfxpabhdjc.supabase.co/storage/v1/object/public/images/Thumbnails/n8n%20webhooks%20101%20SECURE%20YOUR%20DATA.png)](https://www.youtube.com/watch?v=o6F36xsiuBk)\n\n\n"
      },
      "typeVersion": 1
    },
    {
      "id": "99ecd5f5-6df0-430a-a863-56af8417ea72",
      "name": "Nota Adhesiva12",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        1744,
        176
      ],
      "parameters": {
        "color": 7,
        "width": 600,
        "height": 500,
        "content": "## Read to blog post to get started 📝\n**Follow along to to get up and running**\n\n[![n8n Webhooks: A Beginner’s Guide (with Security Built-In)](https://vdyfnvnstovfxpabhdjc.supabase.co/storage/v1/object/public/images/Thumbnails/Screenshot%202025-09-04%20161058.png)](https://blog.nocodecreative.io/n8n-webhooks-a-beginners-guide-with-security-built-in/)\n"
      },
      "typeVersion": 1
    }
  ],
  "pinData": {},
  "connections": {
    "Webhook": {
      "main": [
        [
          {
            "node": "d11d5a46-2b3e-4e49-beb5-4923f828492a",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Webhook1": {
      "main": [
        [
          {
            "node": "5999b69a-5b9f-4f55-9bf3-f579dfe869a1",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Webhook3": {
      "main": [
        [
          {
            "node": "c04fc7eb-e43a-48bd-a979-ed423b52b9f3",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Webhook4": {
      "main": [
        [
          {
            "node": "ae559e34-c048-4ab7-82d6-5e5f34d0f5d5",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "d11d5a46-2b3e-4e49-beb5-4923f828492a": {
      "main": [
        [
          {
            "node": "Responder a Webhook",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "5999b69a-5b9f-4f55-9bf3-f579dfe869a1": {
      "main": [
        [
          {
            "node": "f8d8f340-c194-4c4e-a308-d5c95e8533b9",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "f8d8f340-c194-4c4e-a308-d5c95e8533b9": {
      "main": [
        [
          {
            "node": "Responder a Webhook1",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "c04fc7eb-e43a-48bd-a979-ed423b52b9f3": {
      "main": [
        [
          {
            "node": "481f146d-0d14-4b40-beeb-3f56c548d9cc",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "481f146d-0d14-4b40-beeb-3f56c548d9cc": {
      "main": [
        [
          {
            "node": "Responder a Webhook2",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}
Preguntas frecuentes

¿Cómo usar este flujo de trabajo?

Copie el código de configuración JSON de arriba, cree un nuevo flujo de trabajo en su instancia de n8n y seleccione "Importar desde JSON", pegue la configuración y luego modifique la configuración de credenciales según sea necesario.

¿En qué escenarios es adecuado este flujo de trabajo?

Avanzado - Ingeniería, Varios, IA Multimodal

¿Es de pago?

Este flujo de trabajo es completamente gratuito, puede importarlo y usarlo directamente. Sin embargo, tenga en cuenta que los servicios de terceros utilizados en el flujo de trabajo (como la API de OpenAI) pueden requerir un pago por su cuenta.

Flujos de trabajo relacionados recomendados

Webhook de Chatbot
Asistente de Gmail y Calendario basado en IA, integrado con la interfaz de chat Gemini
Set
Webhook
Gmail Tool
+
Set
Webhook
Gmail Tool
19 NodosPraneel S
Varios
Analizador de brechas de contenido de la competencia: mapeo automático de temas del sitio web
Analizar brechas de contenido de competidores con Gemini AI, Apify y Google Sheets
If
Set
Code
+
If
Set
Code
30 NodosMychel Garzon
Varios
Comparación de perfiles de LinkedIn con descripciones de empleos mediante Groq AI y GhostGenius
Comparación de la adecuación de perfiles de LinkedIn con descripciones de trabajos usando Groq AI y GhostGenius
If
Set
Code
+
If
Set
Code
17 NodosStephan Koning
Varios
Sistema de reservas completo
uso Google Calendar、营业时间y REST API de完整预订系统
If
Set
Code
+
If
Set
Code
41 NodosSean Lon
Varios
Usar la API REST de Google Sheets
Crear una API REST CRUD usando una base de datos de Google Sheets
Set
Webhook
Google Sheets
+
Set
Webhook
Google Sheets
17 NodosViktor Klepikovskyi
Ingeniería
Usar Unli.dev para generar indicaciones del sistema
Generar indicaciones de sistema de IA para LLM con Unli.dev
Set
Webhook
Http Request
+
Set
Webhook
Http Request
7 NodosKhairul Muhtadin
Ingeniería
Información del flujo de trabajo
Nivel de dificultad
Avanzado
Número de nodos27
Categoría3
Tipos de nodos5
Descripción de la dificultad

Adecuado para usuarios avanzados, flujos de trabajo complejos con 16+ nodos

Autor
Wayne Simpson

Wayne Simpson

@nocodecreative

I’m Wayne, an AI, automation & low-code consultant, passionate about helping businesses unlock their potential through smart, practical solutions. Contact me at https://www.nocodecreative.io

Enlaces externos
Ver en n8n.io →

Compartir este flujo de trabajo

Categorías

IA Multimodal
1540
Inteligencia Artificial
1108
Creación de contenido
695
Resumen de IA
516
Marketing
419
Chatbot de IA
251
Ingeniería
241
Investigación de mercado
203
Varios
193
Otros
176
Ventas
162
Operaciones de TI
156
Extracción de documentos
147
RAG de IA
146
Bloques de construcción
144
Redes sociales
137
Generación de leads
125
Productividad personal
117
DevOps
111
Recursos Humanos
101
Soporte
97
Nutrición de leads
87
CRM
82
Finanzas
81
Producto
77
Chatbot de soporte
76
Diseño
70
Gestión de tickets
67
Operaciones de seguridad
57
Procesamiento de facturas
53
Comercio de criptomonedas
49
Gestión de archivos
39
Gestión de proyectos
35
Wiki interno
32

Categorías: 34