Pipedream Workaround | GET method for backend Workflows

shawnmi6 · 2020-09-28T07:07:00.876Z

*Please excuse any typo’s and not providing detailed instructions for each step. I was running short on time.

Here is a quick step-to-step guide on how to use Pipedream to forward a webhook using any method to your Bubble backend workflow aka api endpoint.

Step 1 - Create a “NEW WORKFLOW” in Pipedream

Screen Shot 2020-09-27 at 11.05.29 PM1156×329 26.5 KB

Step 2 - Create an “HTTP / Webhook” trigger for your new workflow

Screen Shot 2020-09-27 at 11.20.20 PM1157×459 44.9 KB

Step 3 - Note down the webhook URL
You will use this URL to send your webhooks from the 3rd party app which you are setting up. This webhook supports all methods (GET, POST, PUT, DELETE…)

Screen Shot 2020-09-27 at 11.25.20 PM1156×546 54 KB

Step 4 - Create a new “STEP” in your workflow
This step will basically take your incoming webhook and forward it to your Bubble backend api workflow aka api endpoint.

Screen Shot 2020-09-27 at 11.33.28 PM1155×567 54.1 KB

Screen Shot 2020-09-27 at 11.34.43 PM1160×1038 124 KB

Step 5 - Create your new backend workflow in Bubble

image806×632 46.7 KB

**Step 6 - Start the initializer by pressing “Detect data” and COPY your backend workflow URL

image1326×591 36.8 KB

Step 7 - Enter your Bubble backend workflow URL

Screen Shot 2020-09-27 at 11.37.27 PM1156×1296 121 KB

Step 8 - Chose all the types of data you want to forward to your bubble workflow
To keep this guide simple, I will only choose to forward the “data” aka “body” of the incoming hook.

Screen Shot 2020-09-27 at 11.46.22 PM1149×1177 109 KB

STEP 9- Chose the “+method” from “optional” and from the drop-down list chose the “POST” method. This method will be used to forward the webhook to Bubble.

Screen Shot 2020-09-28 at 12.13.35 AM1157×1079 93.6 KB

Step 10 - Go ahead TURN OFF the “structured mode” and simply pass the data param which you received from the trigger step. Using the drop-down list and at the end press the “select path”

Screen Shot 2020-09-27 at 11.53.11 PM1156×1335 122 KB

Step 11 - Hit “DEPLOY” and you’re DONE!

Screen Shot 2020-09-27 at 11.55.58 PM1156×1331 117 KB

Important Note - Once you have successfully initialized the workflow in Bubble, Do not forget to go back in Pipedream and remove the /initialize from the URL and hitting DEPLOY again

Sc**reen Shot 2020-09-27 at 11.57.14 PM750×321 22.4 KB

Here is the link to the public view of this workflow in Pipedream - https://pipedream.com/@shawnmi6/forward-bubble-webhook-p_7NCyK1

ts11 · 2020-09-28T22:43:34.742Z

Honestly, this is going to be so helpful to a lot of folks here on the forum who’ve struggled with configuring webhooks. Thanks a million, again.

philledille · 2020-10-21T14:16:51.840Z

Thanks so much for this quick intro to Pipedream!

So respond to a Nylas webhook setup call I added this action, which I then removed:
Screenshot 2020-10-21 at 16.13.52

se.belobrov · 2020-10-26T18:25:01.829Z

did this help you solve the facebook webhook connection problem?

ts11 · 2020-10-26T18:59:08.696Z

Yes indeed!

cgutierrez.37 · 2020-10-29T03:52:34.724Z

Curious if you used this to connect to the facebook pages API?

shawnmi6 · 2020-10-29T03:53:27.075Z

I can’t thinkof a reason it would not work for Facebook’s webhooks

eli · 2020-10-29T15:52:33.913Z

Hey @shawnmi6, thanks! I’ve never used Pipedream but it looks great! (even has cron scheduler) I’ve done this with a couple of other services but they were a bit of a pain to setup. Look forward to giving this a try.

varshneyandson · 2020-12-17T20:43:09.894Z

i am exactly here, getting partial success with integromat but unable to get the data from facebook pages that shows in integromat over to bubble.

wish me luck

ts11 · 2021-01-06T20:07:15.379Z

How did this work out for you?

varshneyandson · 2021-01-08T16:48:55.582Z

Thx for following up! Got sidetracked with some other projects, but I will be definitely returning to this in the next couple weeks.

jeff.stroh · 2021-08-13T17:36:40.746Z

Great thread and solved a big problem for me! One issue I’m running into though is that it works in my /version-test/, but it’s not working in my Live application. I created duplicate workflows in Pipedream, other than updating the URL and have them both active. The one going to the development instance works, but the live version does not.

I tried setting Pipedream with /initialize first (point to Live URL), but I get an error code 404. As-is, without trying to redo the initialize I get an error code 400 (screenshot below):

image1867×376 48.6 KB

It’s set to run without authentication in both development and live.

Any help would be appreciated!

mevist77 · 2021-08-23T01:27:57.110Z

This has been incredibly helpful, thanks a lot! I used it to connect Facebook Events to my Bubble Webhook.

shawnmi6 · 2021-08-23T03:31:59.881Z

@jeff.stroh pm me and I am happy to glance over your workflow to see what the issue is.

jeff.stroh · 2021-08-23T12:25:06.543Z

Thanks @shawnmi6 . I was able to figure it out finally. It wasn’t anything wrong with Pipedream, it was a step in the Bubble workflow after what the webhook was doing. Tough to figure out from the error message!