Search
START TYPING AND PRESS ENTER TO SEARCH

Single Sign-On (SSO) for Apps Using Azure AD B2C as OAuth IDP

Configure Azure AD B2C Single Sign-On (SSO) Login solution for your applications/websites using OAuth protocol. This SSO solution will help you to easily SSO into multiple OAuth applications/websites using a single set of login credentials. Azure AD B2C Single Sign-On solution can be integrated by configuring Azure AD B2C as an OAuth IDP in miniOrange, where miniOrange will act as SP. Here in this guide we will see the step-by-step process of configuring SSO login between website/application and Azure AD B2C by considering Azure AD B2C as an (Identity provider) and miniOrange as SP (Service provider). Once configured successfully you will be ready to securely SSO into your websites/applications using existing Azure AD B2C credentials within minutes.

Step 1: Configure Azure B2C as OAuth 2.0 IDP Provider in miniOrange.

  • Go to miniOrange Admin Console.
  • From the left navigation bar select Identity Provider. Select Oauth
    • azure ad saml Apps azure ad saml Apps
  • Enter the following values.
    • IdP Name Custom Provider
    IdP Display Name Choose appropriate Name
    OAuth Authorize Endpoint From step 1
    OAuth Access Token Endpoint From step 1
    OAuth Get User Info Endpoint (optional) -
    Client ID From step 1
    Client secret From step 1
    Scope openid

Step 2: Configure miniOrange as Service Provider (SP) in Azure B2C Portal

  • Go to your Azure B2C portal page. Click on Applications and then Add.
    • Microsoft Azure b2c Single Sign On (sso) Login : azure-b2c-add-application

  • Give a name to your app and toggle ON the Web App and Implicit flow options.
    • Microsoft Azure b2c Single Sign On (sso) Login : azure-b2c-app-create

  • To get the Redirect URL:
    • Go to miniOrange Admin Console.
    • From the left navigation bar select Identity Provider.
      • azure ad saml Apps
    • Copy the Callback URL as Redirect URL required for next step.
      • azure ad saml Apps
  • Paste the OAuth Callback URL from above step in the Reply URL field. And Click Create.
  • Go to your application. Click on Keys and then Generate Key.
    • Microsoft Azure b2c Single Sign On (sso) Login : azure-b2c-geneate-key

  • Click Save
  • Once saved, the generated secret will be revealed.
  • Copy the key as your application's Client Secret.
  • Go to User Flow and add New User Flow.
    • Microsoft Azure b2c Single Sign On (sso) Login : azure-b2c-create-policy

  • Select Sign up and sign in User Flow type
  • Give a name to your policy and save.
  • Go to Application registrations -> Endpoints.
    • Microsoft Azure b2c Single Sign On (sso) Login : azure-b2c-endpoints

  • Copy token and authorization endpoints.

Step 3: Configure your application in miniOrange


Note:

If you have already configured your application in miniOrange you can skip the following steps.


  • Click on Create App under SAML.
    • Click on Create SAML App
  • Search for your Application. In case you do not find your app, search for Custom SAML App.
    • Search for your SAML App Configure SAML Application
  • Get the ACS URL and SP Entity ID from your application.
  • Enter the following values OR click on Import SP Metadata:
    • Service Provider Name Choose appropriate name according to your choice
    SP Entity ID or Issuer Your Application Entity ID
    ACS URL X.509 Certificate (optional) Your Application Assertion Consumer Service URL
    NameID Format  Select urn:oasis:names:tc:SAML:1.1:nameid-format:emailAddress
    Response Signed Unchecked
    Assertion Signed Checked
    Encrypted Assertion Unchecked
    Group policy Default
    Login Method
  • Click on Save to configure your application.
  • Now to get the IDP metadata of the app configured, Go to apps >> your_app >> select >> metadata tab.
    • Go to the metadata section
  • Click on the Show Metadata details in the Information required to Authenticate via External IDPs section. Download the metadata XML file by clicking on Download Metadata button or copy the Metadata URL link.
    • Downlaod metadata - URL
  • You need to Upload this metadata in your application.
  • Click on Create App under OAuth/OIDC. Click on Open ID Connect App .
    • Add OAuth openIDConnect app
  • You can add any OAuth Client app here to enable miniOrange as OAuth Server. Few popular OAuth client apps for single sign-on are Salesforce, WordPress, Joomla, Atlassian, etc.
    • Select your OAuth openIDConnect app Configure OAth AddopenIDConnect app
  • Enter following Values:
    • Client Name Add appropriate Name
    Redirect URL Get the Redirect-URL from your OAuth Client
    Descrption Add if required
    Group Name Default
    Policy Name
    Login Method
  • Click on Save
  • Now to provide the required data to OAuth client go to the app configured i.e apps >> your_app >> select >> edit.
    • Edit OAuth editOpenidConnect app OAuth openidConnect app endpoints

    Note: Choose the Authorization Endpoint according to the identity source you configure.

  • When you want to use you want to use miniOrange as OAuth identity server use this endpoint: https://{mycompany.domainname.com}/moas/idp/openidsso
  • If you are configuring any Identity Provider in Identity Providers Menu and not using miniOrange as IDP use this endpoint: https://{mycompany.domainname.com}/broker/login/oauth{customerid}
  • Click on Create App under JWT.
    • Click n External JWT app
  • Select JWT App.
    • SelectJWT app
  • Configure the name for your application and configure Redirect-URL which tells where to send JWT response. Redirect-URL should be an endpoint on your application where you want to achieve SSO.
    • Configure JWT App

    In case you are setting up SSO with Mobile Applications where you can't create an endpoint for Redirect or Callback URL, use below URL.

    https://login.xecurify.com/moas/jwt/mobile

  • Click Save
  • To get the SSO link for your application, Go to Apps >> your_app >> select >> Edit.
    • Get SSO Link
  • Then, copy the Single Sign On Url and verify SSO setup by browsing that url.
    • SSO URL
  • On successful authentication, you will be redirected to configured Redirect or Callback URL with JWT token
  • You will need to download a certificate from App > Manage Apps, and click Certificate link against your configured application. This certificate will be used for signature validation of JWT response.
    • Download certificate to proceed with SSO

Step 4: Login using IDP selection page (Optional)

  • You can configure multiple IDPs (Identity Providers) and give users the option to select the IDP of their choice to authenticate with.
    For Example - It could be multiple AD domains belonging to different departments or multiple okta organizations.

    • Few usecases where customers configure multiple IDPs -

  • Suppose you have a product which many of your clients use and each client has their own unique IDP so you want them to SSO into your product as well using their existing IDP only. miniOrange provides a centralized way to connect with all IDPs in a very easy manner and integrate SSO into your application.
  • Suppose you are providing a course to many universities, each having a unique SAML, OAuth protocol supported IDP's like Shibboleth, ADFS, CAS, etc. You can provide Single Sign-On (SSO) into your course application to all these universities by integrating with all of them using a single platform provided by miniOrange.
  • This is the endpoint to call from your SAML application -
    For Cloud IDP - https://login.xecurify.com/moas/discovery?customerId=<customer_id>
    For On-Premise IDP - https://yourdomain.com/discovery?customerId=<customer_id>
  • You should copy the Customer Key from admin console-> Settings -> and replace it with <customer_id> here. Once configured in SP, when you initiate the login from Service Provider, a user will be redirected to IDP Selection Page listing all IDPs configured for that account.

    • You can see the screenshot below of the IDP Selection Page with a list of IDPs .

    Note: To view the IDP in drop-down list, go to Identity Providers tab > against your configured IDP > Select >Edit , here Enable the Show IdP to Users option.

    Select your IDP (Identity Provider) to login

  • You can also change the look and feel of this page. Login to miniOrange Admin console. Navigate to Customization -> Branding Configuration. See the below screenshot for reference-
    Customize IDP selection login page
  1. You can customize the title of this page.
  2. Change the logo and favicon for this page.
  3. Change the background and button color for this page from admin UI.

In this guide, you have successfully configured Azure AD B2C OAuth Single Sign-On (SSO) choosing Azure B2C as IdP and miniOrange as SP. Now you know how to configure Azure AD B2C as OAuth IDP for enabling secure SSO login into your application/website using existing Azure B2C login credentials.

Additional Resources

We can connect with any External IDP via SAML, OAuth, CAS or User Directory via LDAP, Database Connection or APIs.
Contact us on idpsupport@xecurify.com for quick guidance(via email/meeting) on your requirement and our team will help you set up SSO with your IdP in no time.

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