Send MMS with Twilio API on New Story Added To Project (Instant) from Asana API

Pipedream makes it easy to connect APIs for Twilio, Asana and 1400+ other apps remarkably fast.

Trigger workflow on

New Story Added To Project (Instant) from the Asana API

Next, do this

Send MMS with the Twilio 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 Asana trigger and Twilio action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Story Added To Project (Instant) trigger
1. Connect your Asana account
2. Optional- Select a Workspace
3. Select a Project
Configure the Send MMS action
1. Connect your Twilio account
2. Select a From
3. Configure To
4. Configure Message Body
5. Optional- Configure Media URL
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 Story Added To Project (Instant) on Asana

Description:Emit new event for each story added to a project.

Version:0.1.3

Key:asana-new-story

View on GitHub

Asana Overview#

Using the Asana API, you can build software that integrates with Asana to help
your team track their work. For example, you could build a tool to help your
team plan their work for the week, or a reporting tool to help you track
progress on a project.

Trigger Code#

import common from "../common/common.mjs";
const { asana } = common.props;

export default {
  ...common,
  key: "asana-new-story",
  type: "source",
  name: "New Story Added To Project (Instant)",
  description: "Emit new event for each story added to a project.",
  version: "0.1.3",
  dedupe: "unique",
  props: {
    ...common.props,
    project: {
      label: "Project",
      description: "Gid of a project.",
      type: "string",
      propDefinition: [
        asana,
        "projects",
        (c) => ({
          workspace: c.workspace,
        }),
      ],
    },
  },

  methods: {
    ...common.methods,
    getWebhookFilter() {
      return {
        filters: [
          {
            action: "added",
            resource_type: "story",
          },
        ],
        resource: this.project,
      };
    },
    async emitEvent(event) {
      const { body } = event;

      if (!body || !body.events) return;

      for (const e of body.events) {
        const story = await this.asana.getStory(e.resource.gid);

        this.$emit(story, {
          id: story.gid,
          summary: story.text,
          ts: Date.now(),
        });
      }
    },
  },
};

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
Asana	`asana`	`app`	This component uses the Asana app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
N/A	`http`	`$.interface.http`	This 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.
Workspace	`workspace`	`string`	Select a value from the drop down menu.
Project	`project`	`string`	Select a value from the drop down menu.

Trigger Authentication#

Asana uses OAuth authentication. When you connect your Asana account, Pipedream will open a popup window where you can sign into Asana and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Asana API.

Pipedream requests the following authorization scopes when you connect your account:

About Asana#

Manage your team's work, projects, & tasks online

Action#

Send MMS on Twilio

Description:Send an SMS with text and media files. [See the docs](https://www.twilio.com/docs/sms/api/message-resource#create-a-message-resource) for more information

Version:0.1.3

Key:twilio-send-mms

View on GitHub

Twilio Overview#

With the Twilio API, you can build telephone applications that make and receive
phone calls, as well astext messaging applications that send and receive text
messages.

Some examples of applications you could build include:

A phone call application that allows you to make and receive phone calls over
the internet
A text messaging application that allows you to send and receive text
messages over the internet
A voicemail application that allows you to leave and receive voicemails over
the internet

Action Code#

import { phone } from "phone";
import twilio from "../../twilio.app.mjs";
import { messageToString } from "../../common/utils.mjs";

export default {
  key: "twilio-send-mms",
  name: "Send MMS",
  description: "Send an SMS with text and media files. [See the docs](https://www.twilio.com/docs/sms/api/message-resource#create-a-message-resource) for more information",
  type: "action",
  version: "0.1.3",
  props: {
    twilio,
    from: {
      propDefinition: [
        twilio,
        "from",
      ],
    },
    to: {
      propDefinition: [
        twilio,
        "to",
      ],
    },
    body: {
      propDefinition: [
        twilio,
        "body",
      ],
    },
    mediaUrl: {
      propDefinition: [
        twilio,
        "mediaUrl",
      ],
    },
  },
  async run({ $ }) {
    // Parse the given number into its E.164 equivalent
    // The E.164 phone number will be included in the first element
    // of the array, but the array will be empty if parsing fails.
    // See https://www.npmjs.com/package/phone
    const toParsed = phone(this.to);
    if (!toParsed || !toParsed.phoneNumber) {
      throw new Error(`Phone number ${this.to} could not be parsed as a valid number.`);
    }

    const fromParsed = phone(this.from);
    if (!fromParsed || !fromParsed.phoneNumber) {
      throw new Error(`Phone number ${this.from} could not be parsed as a valid number.`);
    }

    const data = {
      to: toParsed.phoneNumber,
      from: fromParsed.phoneNumber,
      body: this.body,
      mediaUrl: this.mediaUrl,
    };

    const resp = await this.twilio.getClient().messages.create(data);
    $.export("$summary", `Successfully sent a new MMS, "${messageToString(resp)}"`);
    return resp;
  },
};

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
Twilio	`twilio`	`app`	This component uses the Twilio app.
From	`from`	`string`	Select a value from the drop down menu.
To	`to`	`string`	The destination phone number in E.164 format. Format with a `+` and country code (e.g., `+16175551212`).
Message Body	`body`	`string`	The text of the message you want to send, limited to 1600 characters.
Media URL	`mediaUrl`	`string[]`	The URL of the media you wish to send out with the message. The media size limit is `5MB`. You may provide up to 10 media URLs per message.

Action Authentication#

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

To connect your Twilio account to Pipedream,

First, create an API key in Twilio.

There are two types of keys: Master and Standard. You'll need a Master key to interact with certain API endpoints, like /Accounts.
If you don't need to interact with those endpoints, you can use a Standard key.

After creating your key, you'll see fields for Sid and Secret. Enter those in the fields below.

Visit your Twilio Dashboard. You'll see your Account SID listed near the top. Enter that in the AccountSid field below.

Send MMS with Twilio API on New Story Added To Project (Instant) from Asana API

Pipedream makes it easy to connect APIs for Twilio, Asana and 1400+ other apps remarkably fast.

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

Developers ♥ Pipedream

1-12of1400+apps by most popular

1
-
12
of
1400+
apps by most popular