Résultats de recherche :

×

Table des matières

Blazor SAML SSO avec Auth0 comme IDP

Authentification unique Blazor SAML (SSO) L'application donne la possibilité d'activer l'authentification unique SAML pour vos applications Blazor. Grâce à l'authentification unique, vous ne pouvez utiliser qu'un seul mot de passe pour accéder à votre application et à vos services Blazor. Notre application est compatible avec tous les fournisseurs d'identité conformes à SAML. Ici, nous allons passer en revue un guide étape par étape pour configurer l'authentification unique (SSO) entre Blazor et Auth0 en considérant Auth0 comme IdP. Pour en savoir plus sur les fonctionnalités que nous proposons pour Blazor SSO, cliquez sur ici.

Prise en charge de la plateforme: L'application Blazor SAML prend en charge ASP.NET Core 2.0 et supérieur. Il prend en charge toutes les plates-formes Blazor, notamment Windows, Linux et macOS.

Étapes pour configurer Blazor Single Sign-On (SSO) en utilisant Auth0 comme IDP

Étape 1 : Prérequis : téléchargement et installation

Installez le middleware Blazor SAML SSO dans votre package d'application à l'aide du package nuget

Package NuGet
CLI .NET

PM> NuGet\Install-Package miniOrange.SAML.SSO

      
          
          
    
    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.AddminiOrangeServices(Assembly.GetExecutingAssembly());
    
    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();
    app.useantiforgery();

Après l'intégration, ouvrez votre navigateur et parcourez le tableau de bord du connecteur avec l'URL ci-dessous :
https://<blazor-application-base-url>/?ssoaction=config
Si la page d'inscription ou la page de connexion apparaît, vous avez ajouté avec succès le connecteur miniOrange Blazor SAML SSO à votre application.

Blazor SAML Single Sign-On (SSO) utilisant Azure AD (Microsoft Entra ID) comme IDP - registre saml dll

Inscrivez-vous ou connectez-vous avec votre compte en cliquant sur le S'enregistrer bouton pour configurer l’application.

2. Configurez Auth0 comme fournisseur d'identité

En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Paramètres Plugin , sélectionnez Auth0 comme fournisseur d'identité dans la liste affichée.

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Sélectionnez Auth0 comme fournisseur d'identité

Il existe deux manières détaillées ci-dessous de configurer les métadonnées SAML SP du côté de votre fournisseur d'identité.

A] Utilisation d'une URL de métadonnées SAML ou d'un fichier de métadonnées :

Dans l' Menu Paramètres du plugin, chercher Paramètres du fournisseur de services. En dessous, vous pouvez trouver l'URL des métadonnées ainsi que la possibilité de télécharger les métadonnées SAML.
Copiez l'URL des métadonnées ou téléchargez le fichier de métadonnées pour configurer la même chose du côté de votre fournisseur d'identité.
Vous pouvez vous référer à la capture d'écran ci-dessous :

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Copier les métadonnées téléchargées

B] Téléchargement manuel des métadonnées :

Extrait du Paramètres du fournisseur de services section, vous pouvez copier manuellement les métadonnées du fournisseur de services comme ID d'entité SP, URL ACS, URL de déconnexion unique et partagez-le avec votre fournisseur d'identité pour la configuration.
Vous pouvez vous référer à la capture d'écran ci-dessous :

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Métadonnées manuelles

Connexion à ta Tableau de bord Auth0.
Cliquez sur Applications.

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Accédez aux applications

Cliquez sur Créer une application.

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Ajouter ou créer une application

Une nouvelle fenêtre apparaîtra. Entrez un nom pour l'application et sélectionnez Application Web standard. Cliquez sur CREATE .

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Choisissez une application Web standard

Sélectionnez le Addons languette.

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Sélectionnez les modules complémentaires SAML SSO

Permettre SAML2 option dans les extensions. Cela ouvrira une fenêtre de configuration.

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Activer l'application Web complémentaire SAML 2.0

Entrer URL de rappel de l'application, public, destinataire et d'autres paramètres en utilisant ID d'entité SP et URL ACS copié depuis le plugin comme indiqué ci-dessous :

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Ajouter l'ID d'entité SP et l'URL à partir du plugin

Faites défiler et cliquez sur Enregistrer.

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Enregistrer l'ID d'entité

Rendez-vous dans la section Utilisation onglet et cliquez sur le Métadonnées du fournisseur d'identité lien de téléchargement. Il téléchargera le fichier XML de métadonnées dont vous aurez besoin pour configurer le plugin SAML.

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Téléchargement des métadonnées IDP

Vous avez configuré avec succès Auth0 en tant qu'IdP SAML (fournisseur d'identité) pour réaliser Blazor SAML SSO.

3. Configurez l'application Blazor SAML en tant que fournisseur de services

Il existe deux manières détaillées ci-dessous de configurer les métadonnées de votre fournisseur d'identité SAML dans l'application.

A] Téléchargez les métadonnées à l'aide du bouton Télécharger les métadonnées IDP :

Si votre fournisseur d'identité vous a fourni l'URL ou le fichier de métadonnées (format .xml uniquement), vous pouvez simplement configurer les métadonnées du fournisseur d'identité dans l'application à l'aide de l'option Télécharger les métadonnées IDP option.
Vous pouvez vous référer à la capture d'écran ci-dessous :

Blazor SAML Single Sign-On (SSO) utilisant Azure AD (Microsoft Entra ID) comme IDP - Télécharger des métadonnées

Vous pouvez choisir l’une des options en fonction du format de métadonnées dont vous disposez.

B] Configurez manuellement les métadonnées du fournisseur d'identité :

Après avoir configuré votre Fournisseur d'identité, il vous fournira ID d'entité IDP, URL d'authentification unique IDP et Certificat SAML X509 champs respectivement.
Cliquez à nouveau Enregistrer pour enregistrer vos informations IDP.

Blazor SAML Single Sign-On (SSO) utilisant Azure AD (Microsoft Entra ID) comme IDP - Configuration dll SAML

4. Test de l'authentification unique SAML

Cliquez sur le Configuration du test pour tester si la configuration SAML que vous avez effectuée est correcte.
La capture d'écran ci-dessous montre un résultat réussi. Cliquer sur Intégration SSO pour poursuivre l'intégration SSO.

Blazor SAML Single Sign-On (SSO) utilisant Azure AD (Microsoft Entra ID) comme IDP - Configuration de test SAML dll

Si vous rencontrez une erreur du côté de l'application, une fenêtre similaire à celle ci-dessous s'affichera.

Blazor SAML Single Sign-On (SSO) utilisant Azure AD (Microsoft Entra ID) comme IDP - Activer les journaux de débogage

Pour résoudre l'erreur, vous pouvez suivre les étapes ci-dessous :

Sous Résolution des problèmes , activez la bascule pour recevoir les journaux du plugin.

Une fois activé, vous pourrez récupérer les journaux du plugin en accédant à Paramètres Plugin onglet et en cliquant sur Configuration du test.
Téléchargez le fichier journal du Résolution des problèmes onglet pour voir ce qui n'a pas fonctionné.
Vous pouvez partager le fichier journal avec nous à aspnetsupport@xecurify.com et notre équipe vous contactera pour résoudre votre problème.

5. Cartographie des attributs

Après avoir testé la configuration, mappez les attributs de votre application avec les attributs du fournisseur d'identité (IdP).
Dans le plugin gratuit, vous pouvez configurer uniquement NameID
Remarque : Tous les attributs mappés seront stockés dans les revendications afin que vous puissiez y accéder dans votre application..

Blazor SAML Single Sign-On (SSO) utilisant Azure AD (Microsoft Entra ID) comme IDP - mappage d'attributs

6. Code d'intégration

Ces étapes vous permettent de récupérer les informations utilisateur SSO dans votre application sous la forme de revendications utilisateur.
Vous pouvez également regarder le visite d'installation pour comprendre comment l'intégration SSO fonctionnerait dans votre application Blazor.
Copiez-collez simplement cet extrait de code là où vous souhaitez accéder aux attributs utilisateur.

Authentification unique Blazor SAML (SSO) | Authentification Blazor | Blazor SAML SSO - code d'intégration

À noter:Ce middleware d'essai prend uniquement en charge les informations utilisateur dans les réclamations. La récupération des informations utilisateur en session et en-têtes est disponible dans le plugin premium.
Vous pouvez également copier le code d'intégration ci-dessous :

          
      

  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;
   }

À noter: Tous les attributs mappés seront stockés dans les revendications accessibles dans votre application.
Si vous souhaitez de l'aide concernant le code d'intégration, contactez-nous à aspnetsupport@xecurify.com

7. Paramètres de connexion

Survolez Sélectionner des actions et cliquez sur Copier le lien SSO.

Blazor SAML Single Sign-On (SSO) utilisant Auth0 comme IDP - Codes d'intégration Blazor basés sur la langue

Utilisez l'URL suivante comme lien dans l'application à partir de laquelle vous souhaitez effectuer le SSO :
https://blazor-application-base-url/?ssoaction=login
Par exemple, vous pouvez l'utiliser comme :
<a href=”https://blazor-application-base-url/?ssoaction=login”>Log in</a>

8. Paramètres de déconnexion

Utilisez l'URL suivante comme lien vers votre application à partir de laquelle vous souhaitez effectuer un SLO :
https://blazor-application-base-url/?ssoaction=logout
Par exemple, vous pouvez l'utiliser comme :
<a href=”https://blazor-application-base-url/?ssoaction=logout”>Log out</a>

Pour configurer votre IDP, vous pouvez trouver les métadonnées du fournisseur de services dans le fichier appsetting.json. Pour les métadonnées SP, vous pouvez vous référer à la capture d'écran ci-dessous :

Blazor SAML Single Sign-On (SSO) utilisant Azure AD (Microsoft Entra ID) comme IDP - Métadonnées SP

Dès miniOrange section, copiez dépenséityid, acsurl et fournissez-le à l'équipe de votre fournisseur d'identité.

Une fois les métadonnées du fournisseur de services configurées du côté de l'IdP, vous recevrez le fichier de métadonnées de l'IdP ou l'URL de métadonnées ou des URL de métadonnées telles que l'ID d'entité IdP, l'URL SSO de l'IdP, etc.
Pour configurer vos métadonnées IDP, accédez à appsettings.json déposer. Vous trouverez les paramètres suivants dans la section JSON du miniorange
Pour configurer directement votre IDP, accédez à appsettings.json fichier.

Blazor SAML Single Sign-On (SSO) utilisant Azure AD (Microsoft Entra ID) comme IDP - Métadonnées IDP

Configurez les métadonnées fournies appropriées et enregistrez les paramètres.

idp_cert	Entrez le certificat IDP dans ce champ
sourl	Saisissez l'URL SSO dans ce champ
idp_issuer	Entrez l'émetteur IDP dans ce champ

Cartographie d'attributs

Mappez les attributs de votre application avec les attributs du fournisseur d'identité (IDP).
À noter: Tous les attributs mappés seront stockés dans les revendications afin que vous puissiez y accéder dans votre application.

Code d'intégration

Copiez-collez simplement l'extrait de code là où vous souhaitez accéder aux attributs utilisateur.
À noter: Tous les attributs mappés seront stockés dans la session afin que vous puissiez y accéder dans votre 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;
        
  }
}

Vous pouvez configurer l'application Blazor SAML 2.0 Single Sign-On (SSO) avec n'importe quel fournisseur d'identité tel que ADFS, Microsoft Entra ID (anciennement 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 ou même avec votre propre fournisseur d'identité personnalisé. Consultez la liste des fournisseurs d'identité ici.

Ressources supplémentaires

Besoin d'aide?

Vous ne parvenez pas à trouver votre fournisseur d'identité ? Envoyez-nous un mail à aspnetsupport@xecurify.com et nous vous aiderons à configurer le SSO avec votre IDP et pour des conseils rapides (par e-mail/réunion) sur vos besoins et notre équipe vous aidera à sélectionner la solution/le plan le mieux adapté à vos besoins.

Bonjour!

Besoin d'aide? Nous sommes ici !