Solving oauth in Bubble.io app

March 2022

Bubble.io is a great no-code platform built for founders with low to no programming skills. It is currently one of the best ways to build software without having any prior knowledge of coding or programming.

Founded in 2012, the no code platform has seen exponential growth with over $1m ARR and 300K users that leverage the platform to build software without programming.

Over the years, the platform has evolved to support much more complex projects with large visions, growths goals and connectivity.

Bubble and integrations

Building integrations into any SaaS allows the platform to connect with 3rd party applications and expand itโ€™s functionality and usability of the software.

Bubble.io offers a robust API Connector that handles the ability to call any 3rd party API seamlessly.

However, adding OAuth 2.0 based integrations can get complicated and requires a token management system + setup in place to manage this within Bubble.

To help solve this, we at Pathfix have released a free plugin that handles the oauth process, without any scripts.

Pathfix will handle the entire oauth process, allow you to access any of the API endpoints and get the data directly into your Bubble app – all done using the Bubble API Connector.

OAuth in Bubble.io

Pathfix allows you to easily add native, OAuth based integration in your Bubble application without any programming skills.

We handle the UI for user authorization , manage tokens and enable communication between your app and any provider in just a few minutes.

Setup in Bubble

Setting up OAuth connectivity and calling any API in Bubble is easily solved with Pathfix. There are 2 steps involved in getting this up and running:

  1. User Authorization (the button to Connect)
  2. Making the API call

User Authorization

Once you have configured the provider integration in Pathfix, head on over to the Bubble plugin page and search for Pathfix OAuth Connector.

Making the API call

Once your user has authorized your app, you can call any of the providers API endpoints and pull data directly into your app.

This is done using the Bubble API Connector (if you do not have the Bubble API connector, install it through the plugins page to proceed).

Add the private_key and x-partner-key provided by Pathfix for your application and enter the endpoint you want to consume.

The setup would look as simple as this:

On initializing the call, you would get the data from the provider.

This will add the functionality that will allow the message sending between your app and the service provider for any of their APIs.

Video Walkthrough

Here is a video walkthrough created by one of our superusers, Dan, that shows how he added oauth integrations to this app in less than 10 minutes!

Bonus: You no longer need to fiddle with scripts on your page, just install the Pathfix plugin ๐Ÿ™‚

Reference Links

Bubble + Pathfix setup detailed documentation

Sign up for a free Pathfix Sandbox account: Signup

Start Your Build With Pathfix OAuth

thin