• Home
• Login with External IDP
• Azure B2C Single Sign-On

SSO for Apps Using Azure B2C as IDP

---

Configure Azure B2C to Single Sign-On (SSO) into multiple applications using Azure B2C as OAuth Identity Provider. Here, users can login to all applications (SPs) using their Azure B2C login credentials by configuring Azure AD as an Identity Provider (IdP). miniOrange will act as an Identity Broker which forms a trusted connection between identity providers and multiple service providers by enabling cross-protocol authentication.

Implementing Azure B2C SSO allows users to log into your websites and applications with a single set of credentials using the Azure B2C OAuth IDP. This solution ensures that you are ready to roll out secure access to your application using Azure B2C within minutes.

Follow the Step-by-Step Guide given below for Single Sign-On (SSO) login using Azure AD B2C as IDP

1. Configure miniOrange as Service Provider (SP) in Azure B2C

• Sign in to Azure Portal.
• Go to home and in the Azure Services, select Azure AD B2C.



• Please make sure you are in Azure AD B2C directory with an active subscription and if not, you can switch to the correct directory.



• In the Essential tab, you will find the Azure B2C domain name, Save it for futher configuration.



• Now, click on App registerations and then click on the New registeration option to create a new Azure B2C Application.



• Give a name to your app and toggle ON the Web App and Implicit flow options.



• To get the Redirect URL:
• Go to miniOrange Admin Console.
• From the left navigation bar select Identity Provider.



• Copy the Callback URL as Redirect URL required for next step.



• Paste the OAuth Callback URL from above step in the Reply URL field. And Click Create.
• After successful application creation, you will be redirected to the newly created application’s overview page. If not, you can go to the app registrations and search the name of your application and you will find your application in the list.



• Copy your Application ID and keep it handy, you will need it later for configuring the Client ID under WordPress as an OAuth Client plugin.



• Now, click on Certificates and secrets and then click on New client secret to generate a client secret. Enter a description and click on the Add button.



• Copy the secret value from certificates & secrets page and keep it handy, you will need it later for configuring the Client Secret under WordPress as an OAuth Client plugin.



• Go to Application registrations -> Endpoints.



• Copy token and authorization endpoints.

2. Configure Azure B2C as OAuth 2.0 Provider in miniOrange.

• Go to miniOrange Admin Console.
• From the left navigation bar select Identity Provider. Select Oauth





• Enter the following values.

IdP Name	Custom Provider
IdP Display Name	Choose appropriate Name
OAuth Authorize Endpoint	From step 2
OAuth Access Token Endpoint	From step 2
Client ID	From step 1
Client secret	From step 1
Scope	auto

3. Configure your application in miniOrange

• Login to miniOrange Admin Console.
• Go to Apps >> Add Application.

• SAML Application
• OAuth Application
• JWT Application

• Click on Create App under SAML.



• Search for your Application. In case you do not find your app, search for Custom SAML App.





• 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	Password

• 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.



• 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.



• You need to Upload this metadata in your application.

• Click on Create App under OAuth/OIDC. Click on Open ID Connect 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.





• Enter following Values:

Client Name	Add appropriate Name
Redirect URL	Get the Redirect-URL from your OAuth Client
Description	Add if required
Group Name	Default
Policy Name	As per your Choice
Login Method	Password

• Click on Save
• Now to provide the required data to OAuth client go to the app configured i.e apps >> your_app >> select >> edit.






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.



• Select JWT 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.




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.



• Then, copy the Single Sign On Url and verify SSO setup by browsing that 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.

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.




• 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-




• You can customize the title of this page.
• Change the logo and favicon for this page.
• Change the background and button color for this page from admin UI.

External References

• Know More about Single Sign On
• SSO login using Azure AD
• SP-Initiated v/s IdP-Initiated SSO
• Learn more about how miniOrange functions as an Identity Broker