Link to plugin page: https://zeroqode.com/plugin/zq-oauth-10-connector-1546872680117x252339893950218240
There are a few things needed to get started, first you will want to head over to the service your connecting to, Create an account & Create a new 'App'. Once done you will have the required 'Consumer Key' & 'Consumer Secret' to provide to the bubble plugin.
In your Bubble app, select the data tab and then open the 'User' data tab. We need to add a few fields here so that the authorization process is easier to manage. The fields are case sensitive & need to be created exactly as shown below including the type of field.
The workflow to complete the authorization between your user & the service your connecting to is fairly easy and overall looks like this,
The steps of the above flow are as follows,
Once the user is returned to your site we will now need to run a flow to exchange the request token for an access token, we do this using a 'when condition is true event' & make the condition 'Whe Get oauth_token from page URL is not empty', here is the flow,
The flow broken down,
You will notice the oauth_token & oauth_verifier parameters will still be in the address bar, If you prefer you can use the 'Remove OAuth URL Parameters' action to clear these.
Now you can setup your calls, After making sure your app is exposing a Workflow API, navigate there and create endpoints. To provide some insight on what we are doing imagine that when you make a call to Xero for data using the 'New API Call' flow, that the requested data is now going to be packaged up and sent to your endpoint.
So if I were to make a data call and were after 'Invoices', i would make this call,
Your endpoint url should look similar to this pattern: https://yourapp.bubbleapps.io/api/1.1/wf/invoicesor when initializing:https://yourapp.bubbleapps.io/version-test/api/1.1/wf/invoices/initialize
The first time you make this call you will need to use the initialize address for the endpoint and make sure you have auto detect selected and running in a new window.
Why do we use this method?
How do you know who the returned data is for?
By ensuring you have the 'Include headers in the detected data' selected, you will see each time data is posted to the endpoint you will have a header labeled 'bubble_user' and the value is the currant user's unique ID.