Blazor SAML SSO with Auth0 as IDP
Blazor SAML Single Sign-On (SSO) application gives the ability to enable SAML Single Sign-On for your Blazor applications. Using Single Sign-On you can use only one password to access your Blazor application and services. Our application is compatible with all the SAML compliant Identity providers. Here we will go through a step-by-step guide to configure Single Sign-On (SSO) between Blazor and Auth0 considering Auth0 as IdP. To know more about the features we provide for Blazor SSO, click here.
Platform Support: The Blazor SAML application supports ASP.NET
Core 2.0 and above. It supports all the Blazor platforms, including
Windows, Linux and macOS.
Steps to configure Blazor Single Sign-On (SSO) using Auth0 as IDP
Step 1: Pre-requisites: Download And Installation
- Install the Blazor SAML SSO Middleware in your application package using the nuget package
PM> NuGet\Install-Package miniOrange.SAML.SSO.Middleware
using miniorange.saml
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme).AddCookie();
services.AddControllersWithViews();
}
public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
app.UseHttpsRedirection();
app.UseRouting();
app.UseAuthorization();
app.MapRazorPages();
app.UseCookiePolicy();
app.UseAuthentication();
app.UseStaticFiles();
app.UseminiOrangeSAMLSSOMiddleware();
app.Run();
}
}
using Microsoft.AspNetCore.Authentication.Cookies;
using miniOrange.saml;
var builder = WebApplication.CreateBuilder(args);
builder.Services.AddRazorPages();
// Add authentication services
builder.Services.AddControllersWithViews();
builder.Services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme).AddCookie();
var app = builder.Build();
if (!app.Environment.IsDevelopment())
{
app.UseExceptionHandler("/Error");
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseRouting();
app.UseAuthorization();
app.MapRazorPages();
app.UseCookiePolicy();
app.UseAuthentication();
app.UseStaticFiles();
app.UseminiOrangeSAMLSSOMiddleware();
app.Run();
-
After integration, open your browser and browse the connector dashboard with
the URL below:
https://<blazor-application-base-url>/?ssoaction=config - If the registration page or login page pops up, you have successfully added the miniOrange Blazor SAML SSO connector to your application.
- Register or log in with your account by clicking the Register button to configure the application.
2. Configure Auth0 as Identity Provider
- Under the Plugin Settings tab, select Auth0 as your identity provider from the list shown.
There are two ways detailed below with which you can get the SAML SP metadata to configure onto your identity provider end.
A] Using SAML metadata URL or metadata file:
- In the Plugin Settings menu, look for Service Provider Settings. Under that, you can find the metadata URL as well as the option to download the SAML metadata.
- Copy metadata URL or download the metadata file to configure the same on your identity provider end.
- You may refer to the screenshot below:
B] Uploading metadata manually:
- From the Service Provider Settings section, you can manually copy the service provider metadata like SP Entity ID, ACS URL, Single Logout URL and share it with your identity provider for configuration.
- You may refer to the screenshot below:
- Log in to your Auth0 dashboard.
- Click on Applications.
- Click on Create Application.
- A new window will pop-up. Enter a name for the application and select Regular Web App. Click on CREATE button.
- Select the Addons tab.
- Enable SAML2 option in the addons. It will open up a Configuration window.
- Enter Application Callback URL, Audience, Recipient and other settings using SP entity ID and ACS URL copied from the plugin as shown below:
- Scroll down and click on Save.
- Go to the Usage tab and click on the Identity Provider Metadata download link. It will download the metadata XML file which you'll need for setting up the SAML plugin.
You have successfully configured Auth0 as SAML IdP (Identity Provider) for achieving Blazor SAML SSO.
3. Configure Blazor SAML application as Service Provider
There are two ways detailed below with which you can configure your SAML identity provider metadata in the application.
A] Upload metadata using the Upload IDP Metadata button:
- If your identity provider has provided you with the metadata URL or metadata file (.xml format only), then you can simply configure the identity provider metadata in the application using the Upload IDP Metadata option.
- You may refer to the screenshot below:
- You can choose any one of the options according to the metadata format you have available.
B] Configure the identity provider metadata manually:
- After configuring your Identity Provider, it will provide you with IDP Entity ID, IDP Single Sign On URL and SAML X509 Certificate fields respectively.
- Click Save to save your IDP details.
4. Testing SAML SSO
- Click on the Test Configuration button to test whether the SAML Configuration you’ve done is correct.
- The screenshot below shows a successful result. Click on SSO Integration to further continue with the SSO Integration.
- If you are experiencing any error on the application end you’ll be shown with the window similar to below.
- To troubleshoot the error you can follow the below steps:
- Under Troubleshoot tab, enable the toggle to receive the plugin logs.
- Once enabled, you will be able to retrieve plugin logs by navigating to Plugin Settings tab and clicking on Test Configuration.
- Download the log file from the Troubleshoot tab to see what went wrong.
- You can share the log file with us at aspnetsupport@xecurify.com and our team will reach out to you to resolve your issue.
5. Attribute Mapping
- After testing the configuration, Map your application attributes with the Identity Provider (IdP) attributes.
- In free plugin you can configure only NameID
- Note: All the mapped attributes will be stored in the claims so that you can access them in your application.
6. Integration Code
- This steps allow you to retrieve the SSO user information in your application in the form of user claims.
- You can also look the setup tour to understand how the SSO integration would work in your Blazor application.
- Just copy-paste that code snippet wherever you want to access the user attributes.
- Note:This trial middleware only supports user information in claims, retrieving user information in session and headers is available in the premium plugin
- You can also copy the integration code from below:
string name=""; string claimtype=""; string claimvalue=""; if(User.Identity.IsAuthenticated) { foreach( var claim in User.Claims) { claimtype = claim.Type; claimvalue = claim.Value; } retrive custom attributes(for eg. Retrieve Mapped 'mobileNumber' attribute of your IDP) var identity = (ClaimsIdentity)User.Identity; IEnumerable claims = identity.Claims; string mobileNumber = identity.FindFirst("mobileNumber")?.Value; }
7. Login Settings
- Hover on Select Actions and click on Copy SSO Link.
-
Use the following URL as a link in the application from where you want
to perform SSO:
https://blazor-application-base-url/?ssoaction=login -
For example, you can use it as:
<a href=”https://blazor-application-base-url/?ssoaction=login”>Log in</a>
8. Logout Settings
-
Use the following URL as a link to your application from where you want
to perform SLO:
https://blazor-application-base-url/?ssoaction=logout -
For example, you can use it as:
<a href=”https://blazor-application-base-url/?ssoaction=logout”>Log out</a>
To configure your IDP, you can find the service provider's metadata in appsetting.json file. For SP metadata, you can refer to the screenshot below:
From miniOrange section, copy spentityid, acsurl and provide it to your identity provider's team.
- Once the service provider's metadata is configured on the IdP end, you'll be provided with the IdP metadata file or metadata URL or metadata URLs like IdP Entity Id, IdP SSO URL etc.
- To configure your IDP metadata, navigate to appsettings.json file. You will find the following settings in the miniorange's JSON section
- To configure your IDP directly, navigate to appsettings.json file.
- Configure the appropriate provided metadata and save the settings.
| idp_cert | Enter the IDP certificate against this field |
| ssourl | Enter the SSO URL against this field |
| idp_issuer | Enter the IDP Issuer against this field |
Attribute Mapping
- Map your application attributes with the identity provider (IDP) attributes.
- Note: All the mapped attributes will be stored in the claims so that you can access them in your application.
Integration Code
- Just copy-paste the code snippet wherever you want to access the user attributes.
- Note: All the mapped attributes will be stored in the session so that you can access them in your application.
string name="";
string claimtype="";
string claimvalue="";
if(User.Identity.IsAuthenticated) {
name= User.Identity.Name;
foreach( var claim in User.Claims) {
claimtype = claim.Type;
claimValue = claim.Value;
}
}
You can configure the Blazor SAML 2.0 Single Sign-On (SSO) application with any Identity Provider such as ADFS, Microsoft Entra ID (formerly Azure AD), Bitium, Centrify, G Suite, JBoss Keycloak, Okta, OneLogin, Salesforce, AWS Cognito, OpenAM, Oracle, PingFederate, PingOne, RSA SecureID, Shibboleth-2, Shibboleth-3, SimpleSAML, WSO2 or even with your own custom identity provider. Check the list of identity providers here.
Additional Resources
- DNN SAML Single Sign-On (SSO)
- Umbraco SAML Single Sign-On (SSO)
- ASP.NET SAML Single Sign-On (SSO)
- Web3 login for ASP.NET Applications
- nopCommerce SAML Single Sign-On (SSO)
- DNN REST API Authentication
Need Help?
Not able to find your identity provider? Mail us on aspnetsupport@xecurify.com and we'll help you set up SSO with your IDP and for quick guidance (via email/meeting) on your requirement and our team will help you to select the best suitable solution/plan as per your requirement.
×
![ADFS_sso]()
Trending searches:
Hello there!
Need Help? We are right here!
