Webhook

Fires a webhook every time a task is passed as input. Returns the same task as output.

Settings

URL. The url where to send the webhook. Secret. The secret to pass along with the webhook.

Webhook Content

Sample Webhook Output

Sample Webhook Output

{
  "projectId": "66c5a3babfebe70015f8b15c",
  "asset": "https://angohub-private-assets.s3.eu-central-1.amazonaws.com/1a3caf60-aea9-451b-ae2c-38cfd6be926a.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIATAGM6WLISC5CRH7S%2F20230927%2Feu-central-1%2Fs3%2Faws4_request&X-Amz-Date=20230927T120720Z&X-Amz-Expires=120000&X-Amz-Signature=2fa60de18d538aa7f89711fb55b4b4baae312df98eb8558e7fecaa397baa65c4&X-Amz-SignedHeaders=host&x-id=GetObject",
  "categorySchema": {
        "tools": [
            {
                "title": "Bounding Box",
                "tool": "bounding-box",
                "required": false,
                "schemaId": "b1c6805d054f0e44ae11500",
                "ocrEnabled": false,
                "classifications": [],
                "multiple": false,
                "color": "#f44336",
                "shortcutKey": "1"
            }
        ],
        "classifications": [
            {
                "title": "Radio",
                "tool": "radio",
                "required": false,
                "schemaId": "35a3a96d5a267abb8d76148",
                "frameSpecific": false,
                "classifications": [],
                "multiple": true,
                "options": [
                    {
                        "value": "1",
                        "schemaId": "4cfc01fe5f3b38c23ed8227"
                    },
                    {
                        "value": "2",
                        "schemaId": "dc1ff4da8b6e00dabdbf398"
                    },
                    {
                        "value": "3",
                        "schemaId": "671e0e43667310b7421c564"
                    }
                ],
                "shortcutKey": "4"
            }
        ]
  },
  "assetId": "65141af7a9e78800154eeb54",
  "dataset": [],
  "externalId": "Symbol Secondary Usage - White.png",
  "metadata": {
    "width": 445,
    "height": 95
  },
  "batches": [
    "651521e299f4bf0015872c91"
  ],
  "task": {
    "type": "default",
    "taskId": "65141af7a9e78800154eeb62",
    "stage": "Label",
    "stageId": "1234-5678-1234",
    "stageName": "Labeling Stage",
    "updatedAt": "2023-09-28T09:37:33.733Z",
    "updatedBy": "[e-mail]",
    "totalDuration": 11643,
    "duration": 1234,
    "blurDuration": 2345,
    "idleDuration": 3456,
    "tools": [
      {
        "bounding-box": {
          "x": 194.4620486366986,
          "y": 30.24221453287197,
          "height": 7.889273356401384,
          "width": 12.789240972733971
        },
        "objectId": "b792278d6a89cedb0235598",
        "classifications": [],
        "metadata": {
          "createdAt": "2023-09-28T09:37:32.598Z",
          "createdBy": "[e-mail]",
          "createdIn": "Label"
        },
        "schemaId": "7d38d842079133453b4b328",
        "title": ""
      }
    ],
    "classifications": [],
    "relations": [],
    "brushDataUrl": null,
    "medicalBrushDataUrl": null,
    "totalBlurDuration": 0,
    "totalIdleDuration": 0
  }
}

Differences between Webhook Output and Export

Export	Webhook
Batches provided as names. "batches": [ "Le Croissànt" ]	Batches provided as IDs. "batches": [ "651521e299f4bf0015872c91" ]
stageHistory field present.	stageHistory field not present.

Webhook Errors

In case the webhook cannot be sent (e.g. Ango Hub does not receive a 200 response), Ango Hub will keep the task in the Webhook stage and display a visual warning in the Workflow editor:

To view the tasks the webhooks of which were not sent, navigate to the Tasks tab and filter by stage from the left-hand side.

To attempt to send the webhook again, click on the Webhook stage, then click on the three dots on the top right of its settings panel, and click on Re-run.

Set Up a Sample Webhook Server

This sample is a minimum server setup you can use to test whether your webhook configuration is working or not.

1. Run this Python script, changing your_secret_key with a secret key of your choice.

Sample Webhook Python Script

import json
from flask import request, Flask, Response
import hmac
import hashlib

secret = b'your_secret_key'  # Secret Key you entered while adding the integration
app = Flask(__name__)

@app.route('/hook', methods=['POST'])  # Custom Endpoint
def hook():
    computed_signature = hmac.new(secret, msg=request.data, digestmod=hashlib.sha1).hexdigest()
    if request.headers["X-Hub-Signature"] != computed_signature:
        return Response("Invalid signature", status=400)
    else:
        print(json.dumps(request.get_json(), indent=2))
        return "ok"

if __name__ == '__main__':
    app.run(debug=True)

1. Install ngrok on your system. Instructions on installing ngrok can be found here.

2. Once ngrok is installed, from the command line/terminal, run ngrok http 127.0.0.1:5000

3. You will see a screen like the following. Copy the URL highlighted in red.

1. Go to your Ango Hub project and set up your workflow to have a Webhook stage plugged in. In this case, for example, the Webhook stage will fire every time a labeler submits a task in the Label stage:

1. Click on the Webhook plugin to open its settings.

2. In the URL field, paste the URL we copied before, adding /hook at the end. For example, if the URL provided by ngrok was https://47f2-88-243-68-208.ngrok.io, you will paste it and add /hook at the end, forming https://47f2-88-243-68-208.ngrok.io/hook.

3. In the Secret field, type the secret key you entered in the Python script during step 1.

4. Save your workflow.

5. In your project, perform an action which would trigger a webhook. In our example above, it would be submitting a tasl from the Label stage.

If the webhook worked correctly, you will see a 200 OK code in the ngrok window:

And the webhook content will be sent to your server where you ran the Python script. If you ran it in PyCharm, for example, you will see the webhook contents in the Run tab: