Search Results :

×

SSO Login into Bitbucket using Drupal as OAuth / OpenID Connect Provider

The Drupal OAuth/OIDC Server module enables Single Sign-On i.e. SSO between the Drupal site and any Client application that supports the OAuth or OpenID Connect protocol. Here, we go through the steps to connect the module with the Bitbucket. In this Integration of Drupal and Bitbucket, Drupal acts as an Identity Provider i.e. users will be logging into Bitbucket using their Drupal credentials.

  • Download the module:
    composer require 'drupal/oauth_server_sso'
  • Go to Extend menu on your Drupal admin console and enable the module by enabling the checkbox and click on Install button.
  • Configure the module at:
    {BaseURL}/admin/config/people/oauth_server_sso/config_client
  • Install the module:
    drush en oauth_server_sso
  • Clear the cache:
     drush cr
  • Configure the module at:
    {BaseURL}/admin/config/people/oauth_server_sso/config_client
  • Navigate to Extend menu on your Drupal admin console and click on Install new module.
  • Install the Drupal OAuth / OIDC Provider - Single Sign On (SSO) module either by downloading the zip or from the URL of the package (tar/zip).
  • Click on Enable newly added modules.
  • Enable this module by checking the checkbox and click on Install button.
  • Configure the module at
    {BaseURL}/admin/config/people/oauth_server_sso/config_client
  • Log into the Bitbucket server.
  • Click on the Settings icon in the top right corner.
Bitbucket-OAuth-Server-Click-Settings-top-right-corner

  • Scroll down to the Add-ons section and click on the Find new apps link.
Bitbucket-OAuth-Server-Click-Find-New-Apps

  • Search for mO OAuth under the search bar and install it.
Bitbucket-OAuth-Server-Search-for-mO-Auth

  • Once the app is installed, click on the Overview -> miniOrange OAuth client from the left navigation menu.
Bitbucket-OAuth-Server-Click-miniOrange-OAuth-Client

  • Copy the Callback URL and keep it handy.
Bitbucket-OAuth-Server-Copy-Callback-URL

  • From the Select Application dropdown, select Custom OAuth App.
Bitbucket-OAuth-Server-Select-Custom-OAuth

  • Enter the Application Name in the App Name text field.
Bitbucket-OAuth-Server-Enter-Application-Name

  • Go to Configuration → People → miniOrange OAuth Server Configuration in the Administration menu. (admin/config/people/oauth_server_sso/config_client)
Drupal-OAuth Server - select miniorange oauth serever configuration
  • Under the OAuth Client tab in the Add Client section enter the application name into the Application Name and paste the previously copied callback URL from the OAuth client into the Callback/Redirect URL text field.
  • Multiple Callback URLs can be added by clicking on the Add More button next to the text field.
  • Click on the Save button
Drupal OAuth Server - Add client - paste callback url
  • Go to the OAuth Client tab of the Drupal OAuth Server module, Navigate to the Configure Applications section, and copy the Client ID.
  • Paste the copied Client ID into the Client ID text field of the app in the Bitbucket dashboard.
Bitbucket-OAuth-Server-Paste-Client-ID

  • Navigate back to the Drupal site and copy the Client Secret.
  • Paste the copied Client Secret into the Client Secret text field of the app in the Bitbucket dashboard.
Bitbucket-OAuth-Server-Enter-Client-Secret

  • Add the Scope and Endpoints as specified in the table below (You can also get the same from the Scope & Endpoints section of the Drupal siteConfigurationminiOrange OAuth server configurationOAuth Client):
  • Scope profile openid email
    Authorization Endpoint {base_url_of_the_drupal_site}/mo/oauth2/authorize
    Token Endpoint {base_url_of_the_drupal_site}/mo/oauth2/token
    Get User Information Endpoint {base_url_of_the_drupal_site}/mo/oauth2/userinfo
Bitbucket-OAuth-Server-Provide-scope-and-endpoints

  • Click on the Save button to save your configurations.
  • Navigate to the Sign In Settings tab.
Bitbucket-OAuth-Server-Navigate-to-Sign-Settings

  • Enable the Enable or disable SSO for your Bitbucket server radio button.
Bitbucket-OAuth-Server-Toggle-Enable-Login

  • Under the Login Button Text, enter the text that you wish to show on the SSO Login button. Click on the Save button to save your changes.
  • Click on the Test Configuration button in the app at the Bitbucket dashboard. to test the connection between the Drupal site and Bitbucket Application.
Bitbucket-OAuth-Server-Click-Test-Configuration

You have successfully configured Bitbucket as an OAuth Client and Drupal as an OAuth Server.

  • Open a new window/private browser and navigate to the login page of the bitbucket website.
  • Click on the Login with Drupal button.
Bitbucket-OAuth-Server-Click-on-Use_OAuh-Login

  • Clicking on that button will automatically redirected to the Drupal site login page. Enter the Drupal credentials and click on the Log in button.
Bitbucket-OAuth-Server-Enter-Drupal-Credentials

  • After successful authentication, browser will be redirected back with successful login into the Bitbucket site.

You have successfully performed the SSO between Bitbucket and Drupal!

If you face any issues during the configuration or if you want some additional features, please contact us at drupalsupport@xecurify.com.

ADFS_sso ×
Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com