Detect Labels in Image with Google Cloud Vision API on Shipment Status Updated from AfterShip API

Pipedream makes it easy to connect APIs for Google Cloud Vision, AfterShip and 2,900+ other apps remarkably fast.

Trigger workflow on

Shipment Status Updated from the AfterShip API

Next, do this

Detect Labels in Image with the Google Cloud Vision 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 AfterShip trigger and Google Cloud Vision action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the Shipment Status Updated trigger
1. Connect your AfterShip account
2. Configure Secret
Configure the Detect Labels in Image action
1. Connect your Google Cloud Vision account
2. Select a Project ID
3. Configure File Path or URL
4. Optional- Configure Max Results
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#

Shipment Status Updated on AfterShip

Description:Emit new event when a shipment tracking status is updated. [See the documentation](https://www.aftership.com/docs/shipping/webhook/webhook-overview)

Version:0.0.1

Key:aftership-shipment-status-updated

View on GitHub

AfterShip Overview#

The AfterShip API on Pipedream allows you to seamlessly track shipments across various carriers, get real-time updates, and manage delivery exceptions. It's a gold mine for automating post-purchase customer communication and optimizing logistics operations. By integrating with AfterShip, you can create workflows that trigger upon shipment status changes, delays, or successful deliveries, and connect these events with other apps to streamline your e-commerce processes.

Trigger Code#

import common from "../common/webhook.mjs";

export default {
  ...common,
  key: "aftership-shipment-status-updated",
  name: "Shipment Status Updated",
  description: "Emit new event when a shipment tracking status is updated. [See the documentation](https://www.aftership.com/docs/shipping/webhook/webhook-overview)",
  version: "0.0.1",
  type: "source",
  dedupe: "unique",
  methods: {
    ...common.methods,
    getEventName() {
      return "tracking_update";
    },
    generateMeta(resource) {
      const {
        event_id: eventId,
        msg: tracking,
      } = resource;

      return {
        id: eventId || tracking.id,
        summary: `Tracking Updated: ${tracking.tracking_number || tracking.title}`,
        ts: Date.parse(tracking.updated_at) || 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
AfterShip	`app`	`app`	This component uses the AfterShip app.
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.
Secret	`webhookSecret`	`string`	The secret for the webhook. You can find it in `Tracking -> Settings -> Webhooks -> Webhook secret`

Trigger Authentication#

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

About AfterShip#

Create a world-class post-purchase experience.

Action#

Detect Labels in Image on Google Cloud Vision

Description:Performs feature detection on a local or remote image file. [See the documentation](https://cloud.google.com/vision/docs/labels).

Version:1.0.1

Key:google_cloud_vision_api-detect-labels-in-image

View on GitHub

Google Cloud Vision Overview#

The Google Cloud Vision API allows you to analyze images in the cloud, harnessing Google's machine learning technology. You can detect and classify multiple objects, face and landmark detection, handwriting recognition, and image attributes. Combining this with Pipedream's serverless platform catalyzes the creation of automated workflows to process images, trigger actions, and integrate with other services seamlessly.

Action Code#

import common from "../common/base.mjs";

export default {
  ...common,
  name: "Detect Labels in Image",
  key: "google_cloud_vision_api-detect-labels-in-image",
  description: "Performs feature detection on a local or remote image file. [See the documentation](https://cloud.google.com/vision/docs/labels).",
  version: "1.0.1",
  annotations: {
    destructiveHint: false,
    openWorldHint: true,
    readOnlyHint: false,
  },
  type: "action",
  props: {
    ...common.props,
    maxResults: {
      type: "integer",
      label: "Max Results",
      description: "An integer value of results to return. If omitted the API returns the default value of 10 results.",
      default: 10,
      optional: true,
    },
  },
  async run({ $ }) {
    this.checkFileProp();
    const response = await this.googleCloudVision.detectDataInImage({
      $,
      data: {
        requests: [
          {
            image: {
              content: await this.getFileContent(),
            },
            features: [
              {
                maxResults: this.maxResults,
                type: "LABEL_DETECTION",
              },
            ],
          },
        ],
      },
    });
    $.export("$summary", "Successfully detected labels in image.");
    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
Google Cloud Vision	`googleCloudVision`	`app`	This component uses the Google Cloud Vision app.
Project ID	`projectId`	`string`	Select a value from the drop down menu.
File Path or URL	`file`	`string`	Provide a file URL or a path to a file in the `/tmp` directory.
Max Results	`maxResults`	`integer`	An integer value of results to return. If omitted the API returns the default value of 10 results.

Action Authentication#

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

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

emailprofilehttps://www.googleapis.com/auth/cloud-platform.read-onlyhttps://www.googleapis.com/auth/cloud-vision