n8n is a powerful, open-source workflow automation tool that lets developers orchestrate API calls, transform data, and build integrations without writing full-blown integration services. This tutorial walks through a simple, practical example: accept an incoming webhook, call a third-party REST API, and return a combined result — all in n8n.

\n \n\n

What you’ll build

\n \n\n \n

We’ll create a workflow that:

\n \n\n

Exposes a webhook to receive a JSON payload (for example, {“city”:”London”}).
Calls a public weather API using the city name.
Transforms and returns a compact JSON response to the caller.

\n \n\n\n\n \n

This pattern generalizes to many use cases: form processing, webhook enrichment, service orchestration, or building lightweight API facades.

\n \n\n

Prerequisites

\n \n\n

n8n Cloud account or a self-hosted n8n instance (Docker or binary).
A public webhook target (n8n cloud provides one; for local dev, use ngrok).
An API key for the target API (optional — some public APIs allow free requests).

\n \n\n\n\n

Step-by-step: Create the workflow

\n \n\n \n

Create a new workflow in n8n.
Add a Webhook node. Set HTTP Method to POST and note the generated URL (or expose your instance via ngrok).
Add an HTTP Request node to call the external API.
Add a Function node to shape the final response.
Connect nodes: Webhook -> HTTP Request -> Function -> Webhook (respond).

\n \n\n\n\n\n\n

Webhook node configuration

\n \n\n

Resource: Webhook
HTTP Method: POST
Response Mode: On Received (or ‘Last Node’ if you want to return the Function node output)

\n \n\n\n\n

HTTP Request node example

\n \n\n \n

Use the HTTP Request node to call a weather API like OpenWeatherMap (or any API). Use expressions to insert the incoming city value: {{ $json[“body”][“city”] }}. Set authentication as needed (API Key header or query string).

\n \n\n

Function node (transform the API response)

\n \n\n \n

Below is a concise Function node script that expects the HTTP Request node output (first item) and the original webhook body to produce a compact result.

\n \n

// Function node\nconst incoming = $json[\"body\"] || {};\nconst apiData = items[0].json || {};\n// Example fields depend on API; adjust accordingly\nconst temp = apiData.main && apiData.main.temp;\nconst desc = apiData.weather && apiData.weather[0] && apiData.weather[0].description;\nreturn [{ json: {\n  city: incoming.city,\n  temperature: temp,\n  description: desc,\n  fetchedAt: new Date().toISOString()\n}}];

\n\n

Test with curl (trigger the webhook)

\n \n\n \n

Replace with the Webhook node URL.

\n \n

curl -X POST '<WEBHOOK_URL>' \\\n  -H 'Content-Type: application/json' \\\n  -d '{\"city\":\"London\"}'

\n\n \n

You should receive a JSON response with the combined data.

\n \n\n

Authentication patterns

\n \n\n

API Key: store keys in n8n Credentials (HTTP Basic Auth, API Key, or Header). Never hard-code secrets in Function nodes.
OAuth2: n8n has built-in OAuth2 support for many services. Use the OAuth2 credential type and authorize once via the UI.
JWT / Bearer tokens: use the HTTP Request node headers with expressions and credential variables.

\n \n\n\n\n

Handling pagination and rate limits

\n \n\n

Pagination: loop with the HTTP Request node using the ‘Continue on Fail’ + ‘SplitInBatches’ or use the ‘Enable Pagination’ option if supported by the node.
Rate limits: implement retries with exponential backoff using the ‘Wait’ node and conditional logic; use ‘Continue on Fail’ carefully to avoid silent failures.

\n \n\n\n

Error handling and observability

\n \n\n

Add an Error Trigger node to capture failed executions and route them (email, Slack, or database).
Use ‘Set’ nodes to add metadata (request id, timestamps) to payloads for tracing.
Enable execution logs (self-hosted) or rely on n8n Cloud’s execution history for debugging.

\n \n\n\n\n

Best practices

\n \n\n

Use credentials to store secrets and restrict UI access in production.
Keep Function node code minimal; prefer native nodes for transformations (Set, Merge, Item Lists) where possible.
Validate incoming webhook payloads at the earliest node; respond with clear error messages and HTTP status codes.
Use environment variables for non-sensitive configuration and credentials for secrets.
Version control workflows by exporting JSON or using n8n’s workflows GitHub integration where available.

\n \n\n\n\n\n\n

When to move beyond n8n

\n \n\n \n

n8n is excellent for orchestration and integrations, but consider a dedicated service or microservice when you need:

\n \n\n

High-frequency, low-latency workloads where single-threaded flow could be a bottleneck.
Complex long-running transactions with ACID requirements.
Heavy custom business logic that’s better expressed in a typed language and deployed in a CI/CD pipeline.

\n \n\n\n\n

Summary

\n \n\n \n

n8n lets developers rapidly prototype API-driven workflows. With a webhook trigger, an HTTP Request node, and a bit of JavaScript transformation, you can create a secure, maintainable integration in minutes. Follow credential best practices, handle pagination and rate limits, and use n8n’s execution logging to keep workflows reliable as you scale.

\n ","protected",false,"date_gmt","2025-11-23T11:16:02.000Z","excerpt",{"_320":328,"_322":323},"

Step-by-step guide to connecting n8n to external APIs using a webhook trigger, HTTP Request node, and a small Function node. Covers auth, pagination, testing, and best practices for reliable automation.

\n","modified_gmt","2025-11-23T11:16:04.000Z","connect-n8n-with-apis-a-beginner-friendly-example","status","publish","sticky","tags",[337,338,339,340,341],94,95,93,28,58,{"_320":343},"Connect n8n With APIs: A Beginner-Friendly Example","type","post",{"_26":347,"_14":348,"_28":349,"_39":40,"_41":42,"_43":347,"_350":348,"_44":351,"_46":47,"_352":353,"_354":355,"_356":107,"_48":49,"_357":358,"_50":362},"Connect n8n With APIs: Beginner-Friendly Example and Best Practices","Learn how to connect n8n to external APIs with a webhook, HTTP Request node, and Function node. Includes auth, pagination, error handling, and testing tips.",{"_30":31,"_32":32,"_33":34,"_35":36,"_37":38},"og_description","https://wordpress.fulldev.pl/2025/11/23/connect-n8n-with-apis-a-beginner-friendly-example/","article_published_time","2025-11-23T12:16:02+00:00","article_modified_time","2025-11-23T12:16:04+00:00","author","twitter_misc",{"_359":107,"_360":361},"Written by","Est. reading time","4 minutes",{"_52":53,"_54":363},[364,393,402,406,412],{"_57":365,"_59":366,"_61":367,"_356":368,"_369":343,"_370":353,"_371":355,"_372":373,"_374":375,"_376":19,"_84":377,"_378":379,"_385":386,"_67":68,"_87":387},"Article","https://wordpress.fulldev.pl/2025/11/23/connect-n8n-with-apis-a-beginner-friendly-example/#article",{"_59":351},{"_16":107,"_59":86},"headline","datePublished","dateModified","mainEntityOfPage",{"_59":351},"wordCount",683,"commentCount",{"_59":86},"keywords",[380,381,382,383,384],"APIs","automation","n8n","tutorial","webhooks","articleSection",[244],[388],{"_57":389,"_16":390,"_91":391},"CommentAction","Comment",[392],"https://wordpress.fulldev.pl/2025/11/23/connect-n8n-with-apis-a-beginner-friendly-example/#respond",{"_57":394,"_59":351,"_60":351,"_16":347,"_61":395,"_370":353,"_371":355,"_14":348,"_64":396,"_67":68,"_87":398},"WebPage",{"_59":63},{"_59":397},"https://wordpress.fulldev.pl/2025/11/23/connect-n8n-with-apis-a-beginner-friendly-example/#breadcrumb",[399],{"_57":400,"_91":401},"ReadAction",[351],{"_57":70,"_59":397,"_71":403},[404,405],{"_57":74,"_75":76,"_16":77,"_78":79},{"_57":74,"_75":81,"_16":343},{"_57":83,"_59":63,"_60":79,"_16":47,"_14":15,"_84":407,"_87":408,"_67":68},{"_59":86},[409],{"_57":90,"_91":410,"_96":411},{"_57":93,"_94":95},{"_57":98,"_99":100,"_101":102},{"_57":413,"_59":86,"_16":107,"_108":414,"_118":415,"_120":416,"_60":417},[105,106],{"_57":110,"_67":68,"_59":111,"_60":112,"_113":112,"_114":115,"_116":115,"_117":107},{"_59":111},[122],"https://wordpress.fulldev.pl/author/fulldev/","categories_json",[420],{"_10":243,"_12":76,"_14":15,"_16":244,"_20":245},"tags_json",[423,425],{"_10":337,"_12":76,"_14":15,"_16":380,"_20":424},"apis",{"_10":338,"_12":76,"_14":15,"_16":381,"_20":381},[],"prev",[],"total","groupedTags",[432],{"_20":424,"_12":76,"_16":380},"perPage","tag",{"_10":338,"_12":76,"_14":15,"_16":381,"_18":-5,"_20":381,"_22":436,"_24":437,"_462":463},"post_tag",{"_26":438,"_28":439,"_39":40,"_41":42,"_43":438,"_44":440,"_46":47,"_48":49,"_50":441},"automation Archives - Fulldev.pl",{"_30":31,"_32":32,"_33":34,"_35":36,"_37":38},"https://wordpress.fulldev.pl/tag/automation/",{"_52":53,"_54":442},[443,447,451,457],{"_57":58,"_59":440,"_60":440,"_16":438,"_61":444,"_64":445,"_67":68},{"_59":63},{"_59":446},"https://wordpress.fulldev.pl/tag/automation/#breadcrumb",{"_57":70,"_59":446,"_71":448},[449,450],{"_57":74,"_75":76,"_16":77,"_78":79},{"_57":74,"_75":81,"_16":381},{"_57":83,"_59":63,"_60":79,"_16":47,"_14":15,"_84":452,"_87":453,"_67":68},{"_59":86},[454],{"_57":90,"_91":455,"_96":456},{"_57":93,"_94":95},{"_57":98,"_99":100,"_101":102},{"_57":458,"_59":86,"_16":107,"_108":459,"_118":460,"_120":461},[105,106],{"_57":110,"_67":68,"_59":111,"_60":112,"_113":112,"_114":115,"_116":115,"_117":107},{"_59":111},[122],"id_","6922fc233557358735495b14","actionData","errors"]

Articles with tag automation:

Connect n8n With APIs: A Beginner-Friendly Example