Bubble.io SAML Single Sign-On (SSO) | Login into Bubble.io using WordPress

Overview

WordPress OAuth Server plugin enables Single Sign-On (SSO) into the Bubble.io app using your WordPress username and password. Once you configure the Bubble.io with WP OAuth Server plugin, you can login to your Bubble.io application using WP credentials. OAuth Server plugin also allows you to send custom WordPress user attributes to your Bubble.io app as per your requirements. To know more about other features we provide in WP OAuth Server plugin, you can click here.

Pre-requisites : Download And Installation

• To configure WordPress as SAML IDP and Bubble.io as SP with WordPress, you will need to install the WP OAuth Server ( Login with WordPress ).

Configuration Steps

Step 1: Setup WordPress as OAuth Server

• Go to miniOrange OAuth Server on the left side menu.
• Now, search for your required OAuth Client(i.e. Bubble).
• Click on the Bubble icon.

• Enter Client name as you want. Get the Redirect / Callback URL from Bubble.io and enter under Redirect URI field. Click on Save client button.

• Note down Client ID, Client Secret, Endpoints to configure in your Bubble.io app.

Step 2: Setup Bubble.io as OAuth Client

• Sign in to your Bubble.io account as Administrator.
• Go to Home >> Apps and then click on Create an app.

• Name the Application and click on Get Started button.

• Navigate to Plugins tab on left side bar and then click on Add plugins button.

• Search for Api Connector plugin and click on Install button and then after installing click on Done button.

• Click on Add another API button.

• Give Api Name as per your convenience and select Authentication method as OAuth User-Agent flow.

• Copy Redirect URL which is needed to configure in the WordPress OAuth Server plugin.

• Now enable the Authentication goes in the header and Requesting an access token uses Basic Auth checkboxes.

• Fill the following fields as from the WP OAuth server plugin.

Bubble.io Column	WordPress Column
App ID	Client ID
App Secret	Client Secret
Scope	Scopes
Login dialog redirect	Authorization Endpoint
Access token endpoint	Token Endpoint
User profile endpoint	Userinfo Endpoint

• Now to check the configuration and test the SSO, Go to Design tab on side bar. And drag and drop Button on the page.

• Now click on the added button and name it. Then click on Add workflow button.

• Now click on Click here to add an action and select Signup/login with a social network.

• Now select configured OAuth Provider.

• Go again back to the Design tab and now drag and drop the Text element. Then name it and then after entering text, in that field only click on Insert dynamic data button.

• Then select the Current User field from the dropdown.

• Then choose ’s email field.

• Then click on the Preview button in the Top right corner and open this preview tab where the session is not created (e.g. New Incognito tab) for user.

• Then click on WordPress Login button in opened Preview tab.

• Then user will be redirected to WordPress login page and after user enters credentials, authorize page will be prompted, then click on Submit Consent button.

• Then logged in user’s email would be shown on the application page.

In this Guide, you have successfully configured Single Sign-On (SSO) into Bubble.io app with WordPress as OAuth Provider and Bubble.io as OAuth Client using our WP OAuth Server plugin.This solution ensures that you are ready to roll out secure access to your Bubble.io app using WordPress site credentials within minutes.

Related Articles

• What is Single Sign-On (SSO)?
• What is OAuth?
• Bubble.io Administration Guide
• WordPress OAuth Server Single sign-on (SSO)
• Step Guide to enable miniOrange OAuth Server for WordPress
• Frequently Asked Questions (FAQs)