Your first pattern

This guide walks you through building a complete pattern that receives a webhook request, extracts a field from the JSON body, formats a message, and logs the result. Along the way, you will learn the fundamentals of triggers, execution flow, data flow, testing, and deployment.

What you will build

A pattern with four nodes wired together:

1. On Webhook — receives an incoming HTTP request
2. Get Property — extracts a value from the request body
3. Format — builds a message string from the extracted value
4. Log — writes the formatted message to the execution log

When you send a POST request with {"name": "DRAGOPS User"} to the webhook URL, the execution log displays: Received webhook from: DRAGOPS User.

Before you begin

Make sure you have:

• An active DRAGOPS account
• Access to the DRAGOPS dashboard
• A tool for sending HTTP requests, such as curl or a REST client

Step 1: Create a new pattern

1. Open the DRAGOPS dashboard.
2. Select New Pattern.
3. Enter a name such as "Hello Webhook" and select Create.

The visual editor opens with an On Start node already on the canvas. Since this pattern uses a webhook trigger instead, you will replace it in the next step.

Step 2: Add the trigger node

Every pattern starts with a trigger — the event that kicks off execution.

1. Select the On Start node on the canvas and press Delete or Backspace to remove it.
2. Right-click on the canvas to open the node search menu.
3. Type "On Webhook" and select the On Webhook node.
4. The node appears on the canvas with output pins for the request body, headers, query parameters, and HTTP method.

The On Webhook node fires when an HTTP request arrives at the pattern's unique webhook URL.

Step 3: Extract a value from the request body

Next, add a node to pull a specific field from the incoming JSON.

1. Right-click on the canvas and search for "Get Property". Add it to the canvas, to the right of On Webhook.
2. Select the Get Property node to open the Inspector Panel on the left side.
3. Set the Key field to name.

Now wire the data: drag from the Body output pin on On Webhook to the Object input pin on Get Property. This sends the raw request body into Get Property, which extracts the value at the name key.

Step 4: Format the message

Add a Format node to build a human-readable message from the extracted value.

1. Right-click on the canvas and search for "Format". Add the Format node to the canvas, to the right of Get Property.
2. Select the Format node and set the Template field to Received webhook from: {0}.

Wire the data: drag from Get Property's Value output pin to Format's first input pin. Format is a pure node (no execution pins), so it evaluates automatically when its output is needed.

Step 5: Log the result

Add a Log node to write the formatted message to the execution log.

1. Right-click on the canvas and search for "Log". Add the Log node to the canvas, to the right of Format.

Wire the data: drag from Format's Result output pin to Log's Message input pin.

Step 6: Wire the execution flow

Data wires define what values flow between nodes. Execution wires define the order nodes run. You need to connect the white triangular execution pins to create the execution sequence.

1. Drag from the execution output pin (white triangle) on On Webhook to the execution input pin on Get Property.
2. Drag from the execution output pin on Get Property to the execution input pin on Log.

Your canvas now shows two types of wires: colored data wires carrying values, and white execution wires defining the order of operations. The flow reads left to right: On Webhook fires, Get Property runs, Log runs.

Step 7: Test in the editor

Before deploying, verify your pattern works with sample data.

1. Select Run in the toolbar.
2. In the test dialog, enter sample event data:

{
  "body": { "name": "DRAGOPS User" },
  "headers": {},
  "query": {},
  "method": "POST"
}

3. Select Run.
4. The console highlights each node as it runs and displays the output. You should see: Received webhook from: DRAGOPS User.

If the output does not match, check your wires and property values. Each wire should connect the correct output pin to the correct input pin.

Step 8: Deploy the pattern

1. Select Deploy in the toolbar.
2. The pattern is now live. The deployment panel shows its status and webhook URL.
3. Copy the webhook URL from the Triggers panel.

Step 9: Send a live request

Send a real HTTP request to your deployed pattern:

curl -X POST https://your-webhook-url \
  -H "Content-Type: application/json" \
  -d '{"name": "DRAGOPS User"}'

Replace https://your-webhook-url with the actual URL you copied in the previous step.

Verify the result

Open the Deployments page from the dashboard and select your pattern's deployment. The execution history shows the request you just sent. Select the execution to see the full log, including the formatted message:

Received webhook from: DRAGOPS User

Each execution entry shows a timestamp, status (success or failure), and the full node-by-node log. If something went wrong, the log highlights the node that failed and displays the error message.

What is next?