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:
- User Authorization (the button to Connect)
- Making the API call
Once you have added the provider in Pathfix, copy the code for OAuth and insert it in your Bubble app.
Thescript would go in the page HTML editor and the 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 thescript 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.
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!
Bubble + Pathfix setup detailed documentation
Sign up for a free Pathfix Sandbox account: Signup