← Segment + HTTP / Webhook integrations

Send PUT Request with HTTP / Webhook API on Webhook Destination (Instant) from Segment API

Pipedream makes it easy to connect APIs for HTTP / Webhook, Segment and 1000+ other apps remarkably fast.

Trigger workflow on
Webhook Destination (Instant) from the Segment API
Next, do this
Send PUT Request with the HTTP / Webhook API
No credit card required
Into to Pipedream
Watch us build a workflow
Watch us build a workflow
7 min
Watch now ➜

Trusted by 500,000+ developers from startups to Fortune 500 companies

Adyen logo
Brex logo
Carta logo
Checkr logo
Chameleon logo
DevRev logo
LinkedIn logo
Netflix logo
New Relic logo
OnDeck logo
Replicated logo
Scale AI logo
Teamwork logo
Warner Bros. logo
Xendit logo

Developers Pipedream

Getting Started

This integration creates a workflow with a Segment trigger and HTTP / Webhook action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

  1. Select this integration
  2. Configure the Webhook Destination (Instant) trigger
    1. Connect your Segment account
    2. Select a Workspace
    3. Select a Source
  3. Configure the Send PUT Request action
    1. Connect your HTTP / Webhook account
    2. Configure HTTP Request Configuration
  4. Deploy the workflow
  5. Send a test event to validate your setup
  6. Turn on the trigger

Details

This integration uses pre-built, source-available components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger

Description:Send events to a webhook
Version:0.0.1
Key:segment-webhook-destination

Segment Overview

You can do a lot of amazing things with Segment's API. Segment's API enables
you to collect and connect customer data quickly and easily. With it, you can
power your analytics, marketing, and data warehousing requirements, and improve
your customer experience and performance.

The Segment API provides you with full control over your customer data,
including file storage, ETL, data modeling, data enrichment and
transformations, and data queries. With it, you can build powerful solutions
that help you uncover useful customer insights in real-time. Here are a few
examples of what you can do using the Segment API:

  • Collect and store customer data from multiple sources: You can collect
    customer data from multiple sources such as web traffic, mobile and web apps,
    ecommerce stores, CRMs, and marketing automation platforms.
  • Build custom data models to gain deeper insights into customer behavior: With
    the Segment API, you can build custom models that organize customer data into
    meaningful categories to gain deeper consumer insights.
  • Automatically enrich customer data with 3rd party APIs: The Segment API
    allows you to automatically map, enrich, and clean customer data, creating a
    single source of truth for better segmentation and decision making.
  • Analyze customer data in real-time for better decision making: With the
    Segment API, you can monitor customer data in real-time, uncovering patterns
    and creating reports in a few clicks.
  • Automate data pipelines to quickly and easily access data: You can quickly
    and easily create data pipelines with the Segment API, and get accurate data
    delivered on demand.
  • Connect customer data to over 250 cloud services: With the Segment API, you
    can quickly and easily connect customer data to over 250 cloud services and
    systems, such as analytics, marketing automation platforms, CRMs, and data
    warehouses.

Trigger Code

import { v4 as uuid } from "uuid";
import { createHmac } from "crypto";
import constants from "../../common/constants.mjs";
import segmentApp from "../../segment.app.mjs";

export default {
  key: "segment-webhook-destination",
  name: "Webhook Destination (Instant)",
  description: "Send events to a webhook",
  version: "0.0.1",
  type: "source",
  props: {
    segmentApp,
    db: "$.service.db",
    http: {
      type: "$.interface.http",
      customResponse: true,
    },
    workspace: {
      propDefinition: [
        segmentApp,
        "workspace",
      ],
    },
    source: {
      propDefinition: [
        segmentApp,
        "source",
        ({ workspace }) => ({
          workspace,
        }),
      ],
    },
  },
  hooks: {
    async activate() {
      const { source } = this;
      const secret = uuid();
      const destination = this.getDestination();
      const baseName = `${source}/destinations/${destination}`;

      await this.segmentApp.createDestination({
        source: `/${source}`,
        data: {
          destination: {
            name: baseName,
            enabled: true,
            connection_mode: "UNSPECIFIED",
            config: [
              {
                name: `${baseName}/config/sharedSecret`,
                type: "string",
                value: secret,
              },
              {
                name: `${baseName}/config/hooks`,
                type: "mixed",
                value: [
                  {
                    hook: this.http.endpoint,
                  },
                ],
              },
            ],
          },
        },
      });
      this.setSharedSecret(secret);
    },
    async deactivate() {
      return this.segmentApp.deleteDestination({
        source: `/${this.source}`,
        destination: this.getDestination(),
      });
    },
  },
  methods: {
    isValid(signature, bodyRaw) {
      const digest = createHmac("sha1", this.getSharedSecret())
        .update(Buffer.from(bodyRaw, "utf8"))
        .digest("hex");
      return signature === digest;
    },
    getDestination() {
      return "webhooks";
    },
    setSharedSecret(secret) {
      this.db.set(constants.SHARED_SECRET, secret);
    },
    getSharedSecret() {
      return this.db.get(constants.SHARED_SECRET);
    },
  },
  async run(event) {
    const {
      headers,
      body,
      bodyRaw,
    } = event;

    const signature = headers["x-signature"];

    if (this.isValid(signature, bodyRaw)) {

      this.http.respond({
        status: 200,
        headers: {
          "x-signature": signature,
        },
      });

      this.$emit(body, {
        id: signature,
        summary: `Received ${body.type} event`,
        ts: Date.parse(body.timestamp),
      });
    }
  },
};

Trigger Configuration

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.
LabelPropTypeDescription
SegmentsegmentAppappThis component uses the Segment app.
N/Adb$.service.dbThis component uses $.service.db to maintain state between executions.
N/Ahttp$.interface.httpThis component uses $.interface.http to generate a unique URL when the component is first instantiated. Each request to the URL will trigger the run() method of the component.
WorkspaceworkspacestringSelect a value from the drop down menu.
SourcesourcestringSelect a value from the drop down menu.

Trigger Authentication

Segment uses API keys for authentication. When you connect your Segment account, Pipedream securely stores the keys so you can easily authenticate to Segment APIs in both code and no-code steps.

Segment's Config API is accessed programmatically using access tokens. Create access tokens via the Access Management page in your account: https://app.segment.com/{your-workspace-name}/settings/access-management. See Authentication for more details.

About Segment

Customer data platform

Action

Description:Send an HTTP PUT request to any URL. Optionally configure query string parameters, headers and basic auth.
Version:1.0.1
Key:http-put-request

Action Code

import customRequest from "../custom-request/custom-request.mjs";

export default {
  ...customRequest,
  key: "http-put-request",
  name: "Send PUT Request",
  description: "Send an HTTP PUT request to any URL. Optionally configure query string parameters, headers and basic auth.",
  type: "action",
  version: "1.0.1",
  props: {
    ...customRequest.props,
    /* eslint-disable-next-line pipedream/props-label,pipedream/props-description */
    httpRequest: {
      ...customRequest.props.httpRequest,
      default: {
        method: "PUT",
      },
    },
  },
};

Action Configuration

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

LabelPropTypeDescription
HTTP / WebhookhttpappThis component uses the HTTP / Webhook app.
HTTP Request ConfigurationhttpRequesthttp_request

Action Authentication

The HTTP / Webhook API does not require authentication.

About HTTP / Webhook

Get a unique URL where you can send HTTP or webhook requests

More Ways to Connect HTTP / Webhook + Segment

Send any HTTP Request with HTTP / Webhook API on Webhook Destination (Instant) from Segment API
Segment + HTTP / Webhook
 
Try it
Send GET Request with HTTP / Webhook API on Webhook Destination (Instant) from Segment API
Segment + HTTP / Webhook
 
Try it
Send POST Request with HTTP / Webhook API on Webhook Destination (Instant) from Segment API
Segment + HTTP / Webhook
 
Try it
Return HTTP Response with HTTP / Webhook API on Webhook Destination (Instant) from Segment API
Segment + HTTP / Webhook
 
Try it
Associate one identity with another with Segment API on New Requests (Payload Only) from HTTP / Webhook API
HTTP / Webhook + Segment
 
Try it
Webhook Destination (Instant) from the Segment API

Send events to a webhook

 
Try it
New Requests from the HTTP / Webhook API

Get a URL and emit the full HTTP event on every request (including headers and query parameters). You can also configure the HTTP response code, body, and more.

 
Try it
New Requests (Payload Only) from the HTTP / Webhook API

Get a URL and emit the HTTP body as an event on every request

 
Try it
New event when the content of the URL changes. from the HTTP / Webhook API

Emit new event when the content of the URL changes.

 
Try it
Associate an identified user with a group with the Segment API

Group lets you associate an identified user with a group (note requires userId or anonymousId). See the docs here

 
Try it
Associate one identity with another with the Segment API

Alias is how you associate one identity with another. See the docs here

 
Try it
Identify a user, tie them to their actions and record traits about them with the Segment API

identify lets you tie a user to their actions and record traits about them. It includes a unique User ID and any optional traits you know about them (note requires userId or anonymousId). See the docs here

 
Try it
Record page views on your website with the Segment API

The page method lets you record page views on your website, along with optional extra information about the page being viewed (note requires userId or anonymousId). See the docs here

 
Try it
Record whenever a user sees a screen with the Segment API

The screen method let you record whenever a user sees a screen of your mobile app (note requires userId or anonymousId). See the docs here

 
Try it