Pathfix
Solving oauth in Bubble.io app

Bubble.io is a great no-code platform built for founders with low to zero 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.

Building integrations allows platforms to connect with 3rd party applications and expand functionality and usability of software’s.

Bubble.io handles this with their API Connector and their Plugins.

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

This is where Pathfix helps.

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

This is all done using the Bubble API Connector – there are no additional plugins required!

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 added the provider in Pathfix, copy the code for OAuth and insert it in your Bubble app.

The <head> script would go in the page HTML editor and the <body> tag would in the HTML editor of the HTML element where you want the Connect button to appear

Note: If you are unable to add the <head> script in the HTML Header, simply add both the scripts in the HTML element.

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 public_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 14 minutes!

Reference Links

Bubble + Pathfix setup detailed documentation

Sign up for a free Pathfix Sandbox account: Signup

The importance of integrations to the growth of a SaaS
Why should you consider adding integrations to your SaaS
We built an API Builder for our API-based automation platform
Pathfix Automation runs on APIs only (think: if Zapier and Postman had a baby), so it made sense for us to spend a lot of time to build out a slick and easy to use API builder.
Using a serverless oauth token management system
What does it mean to build your integration connections on a serverless token management system.

Start Connecting With Pathfix

thin