Trigger Event with Values with IFTTT API on New Track in Playlist from Spotify API

Pipedream makes it easy to connect APIs for IFTTT, Spotify and 2,400+ other apps remarkably fast.

Trigger workflow on

New Track in Playlist from the Spotify API

Next, do this

Trigger Event with Values with the IFTTT API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

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

Developers ♥ Pipedream

Getting Started#

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

Select this integration
Configure the New Track in Playlist trigger
1. Connect your Spotify account
2. Configure Polling interval
3. Select one or more Playlist IDs
Configure the Trigger Event with Values action
1. Connect your IFTTT account
2. Configure Webhook Key
3. Configure Event Name
4. Optional- Configure Value 1
5. Optional- Configure Value 2
6. Optional- Configure Value 3
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 Track in Playlist on Spotify

Description:Emit new event for each new Spotify track added to a playlist

Version:0.1.1

Key:spotify-new-track-in-playlist

View on GitHub

Spotify Overview#

The Spotify API on Pipedream offers a creative playground for music lovers and developers alike. With it, you can manage playlists, search for music, get recently played tracks, and manipulate playback among other features. It's a gateway to a rich dataset of music and user information, enabling the creation of personalized and dynamic music experiences.

Trigger Code#

import spotify from "../../spotify.app.mjs";
import common from "../common.mjs";

export default {
  dedupe: "unique",
  type: "source",
  key: "spotify-new-track-in-playlist",
  name: "New Track in Playlist",
  description: "Emit new event for each new Spotify track added to a playlist",
  version: "0.1.1",
  props: {
    ...common.props,
    db: "$.service.db",
    playlistIds: {
      type: "string[]",
      label: "Playlist IDs",
      withLabel: false,
      propDefinition: [
        spotify,
        "playlistId",
      ],
    },
  },
  methods: {
    ...common.methods,
    getMeta({
      track,
      added_at: ts,
      playlistId,
    }) {
      const {
        id,
        name: summary,
      } = track;
      return {
        id: id + playlistId,
        summary,
        ts,
      };
    },
    isItemRelevant(item, lastEvent) {
      const addedAt = new Date(item.added_at);
      return (addedAt.getTime() > lastEvent.getTime());
    },
  },
  async run() {
    const lastEvent = this.db.get("lastEvent")
      ? new Date(this.db.get("lastEvent"))
      : this.daysAgo(30);

    this.db.set("lastEvent", lastEvent);
    for (const playlistId of this.playlistIds) {
      const params = {
        playlistId,
      };

      const playlistItems = await this.spotify._paginate(
        this.spotify.getPlaylistItems.bind(this),
        params,
      );

      for (const item of playlistItems) {
        if (this.isItemRelevant(item, lastEvent)) {
          this.$emit(item, this.getMeta({
            ...item,
            playlistId,
          }));
        }
      }
    }
    this.db.set("lastEvent", new Date());
  },
};

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
Spotify	`spotify`	`app`	This component uses the Spotify app.
Polling interval	`timer`	`$.interface.timer`	How often to poll the Spotify API for new events
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
Playlist IDs	`playlistIds`	`string[]`	Select a value from the drop down menu.

Trigger Authentication#

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

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

playlist-read-collaborativeplaylist-modify-privateplaylist-modify-publicplaylist-read-privateuser-modify-playback-stateuser-read-currently-playinguser-read-playback-stateuser-read-privateuser-read-emailuser-library-modifyuser-library-readuser-follow-modifyuser-follow-readuser-read-recently-playeduser-top-readstreamingapp-remote-controlugc-image-uploaduser-read-playback-position

About Spotify#

Spotify is a digital music service that gives you access to millions of songs.

Action#

Trigger Event with Values on IFTTT

Description:Trigger Event with 3 JSON values. [See docs](https://help.ifttt.com/hc/en-us/articles/115010230347-Webhooks-service-FAQ)

Version:0.0.2

Key:ifttt-trigger-event-with-values

View on GitHub

IFTTT Overview#

IFTTT (If This Then That) is a service that lets you create chains of conditional statements, known as applets. These applets can automate tasks across a variety of web services and APIs. By integrating IFTTT with Pipedream, you unlock the ability to handle complex logic, manage state, transform data, and interact with over 600+ supported apps in Pipedream’s ecosystem. You can trigger workflows on Pipedream with events from IFTTT and vice versa, creating a seamless automation experience.

Action Code#

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

export default {
  name: "Trigger Event with Values",
  description: "Trigger Event with 3 JSON values. [See docs](https://help.ifttt.com/hc/en-us/articles/115010230347-Webhooks-service-FAQ)",
  key: "ifttt-trigger-event-with-values",
  version: "0.0.2",
  type: "action",
  props: {
    ifttt,
    webhookKey: {
      propDefinition: [
        ifttt,
        "webhookKey",
      ],
    },
    eventName: {
      propDefinition: [
        ifttt,
        "eventName",
      ],
    },
    value1: {
      propDefinition: [
        ifttt,
        "value",
      ],
      label: "Value 1",
    },
    value2: {
      propDefinition: [
        ifttt,
        "value",
      ],
      label: "Value 2",
    },
    value3: {
      propDefinition: [
        ifttt,
        "value",
      ],
      label: "Value 3",
    },
  },
  async run({ $ }) {
    const response = await this.ifttt.callWebhookWithValues({
      $,
      webhookKey: this.webhookKey,
      eventName: this.eventName,
      data: {
        value1: this.value1,
        value2: this.value2,
        value3: this.value3,
      },
    });
    $.export("$summary", `Triggered webhook ${this.eventName}`);
    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
IFTTT	`ifttt`	`app`	This component uses the IFTTT app.
Webhook Key	`webhookKey`	`string`	The webhook key obtained in Webhook Settings
Event Name	`eventName`	`string`	The event name associated with your applet
Value 1	`value1`	`any`	The value to pass to the webhook trigger
Value 2	`value2`	`any`	The value to pass to the webhook trigger
Value 3	`value3`	`any`	The value to pass to the webhook trigger