Send any HTTP Request with HTTP / Webhook API on New Stories from Dev.to API

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

Trigger workflow on

New Stories from the Dev.to API

Next, do this

Send any HTTP Request with the HTTP / Webhook API

No credit card required

▶

Watch us build a workflow

7 min

Watch now ➜

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

Developers ♥ Pipedream

Getting Started#

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

Select this integration
Configure the New Stories trigger
1. Configure Timer
2. Connect your Dev.to account
Configure the Send any HTTP Request action
1. Connect your HTTP / Webhook account
2. Configure HTTP Request Configuration
3. Optional- Configure Include Response Headers
Deploy the workflow
Send a test event to validate your setup
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#

New Stories on Dev.to

Description:Emit new Dev.to story

Version:0.0.4

Key:dev_to-fresh-stories

View on GitHub

Dev.to Overview#

With the Dev.to API, you can build applications that:

Stand out from the crowd on Dev.to by customizing your profile page
Build a Dev.to extension that helps other developers be more productive
Develop a bot that helps moderation on Dev.to
Get notified whenever a new article is published on a certain topic
And much more!

Trigger Code#

import devTo from "../../dev_to.app.mjs";
import moment from "moment";
import common from "../common.mjs";

export default {
  name: "New Stories",
  type: "source",
  key: "dev_to-fresh-stories",
  description: "Emit new Dev.to story",
  version: "0.0.4",
  props: {
    ...common.props,
    devTo,
  },
  dedupe: "greatest",
  async run({ $ }) {
    const data = await this.devTo.getArticles($, {
      params: {
        per_page: 1000,
        top: 1,
      },
    });

    data.forEach((event) => {
      this.$emit(event, {
        id: event.id,
        ts: moment(event.published_timestamp).valueOf(),
        summary: event.title,
      });
    });
  },
};

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.

Label	Prop	Type	Description
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
Timer	`timer`	`$.interface.timer`	How often to poll Dev.to for new articles
Dev.to	`devTo`	`app`	This component uses the Dev.to app.

Trigger Authentication#

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

Generate an API key at https://dev.to/settings/account

About Dev.to#

Where programmers share ideas and help each other grow.

Action#

Send any HTTP Request on HTTP / Webhook

Description:Send an HTTP request using any method and URL. Optionally configure query string parameters, headers, and basic auth.

Version:1.1.1

Key:http-custom-request

View on GitHub

Action Code#

import http from "../../http.app.mjs";

export default {
  key: "http-custom-request",
  name: "Send any HTTP Request",
  description: "Send an HTTP request using any method and URL. Optionally configure query string parameters, headers, and basic auth.",
  type: "action",
  version: "1.1.1",
  props: {
    http,
    httpRequest: {
      propDefinition: [
        http,
        "httpRequest",
      ],
    },
    includeHeaders: {
      type: "boolean",
      label: "Include Response Headers",
      description: "Optionally export the full response headers",
      optional: true,
    },
  },
  async run({ $ }) {
    const response = await this.httpRequest.execute();

    if (this.includeHeaders) {
      $.export("headers", response.headers);
    }

    return response;
  },
};

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.

Label	Prop	Type	Description
HTTP / Webhook	`http`	`app`	This component uses the HTTP / Webhook app.
HTTP Request Configuration	`httpRequest`	`http_request`
Include Response Headers	`includeHeaders`	`boolean`	Optionally export the full response headers

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 + Dev.to#

Other Popular Integrations#

GET Request with HTTP / Webhook API on New Stories from Dev.to API

Dev.to + HTTP / Webhook

Send any HTTP Request with HTTP / Webhook API on New Stories from Dev.to API

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

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

Developers ♥ Pipedream

1-12of1000+apps by most popular

1
-
12
of
1000+
apps by most popular