Configurer l’inscription et la connexion avec un compte SwissID - Azure AD B2C

2025-05-03

Important

À compter du 1er mai 2025, Azure AD B2C ne sera plus disponible pour les nouveaux clients. Pour plus d’informations, consultez notre FAQ.

Avant de commencer, utilisez le sélecteur Choisir un type de stratégie en haut de cette page pour choisir le type de stratégie que vous configurez. Azure Active Directory B2C offre deux possibilités pour définir la façon dont les utilisateurs interagissent avec vos applications : via des flux utilisateurs prédéfinis ou via des stratégies personnalisées entièrement configurables. La procédure donnée dans cet article est différente pour chaque méthode.

Dans cet article, vous allez apprendre à fournir l’inscription et la connexion aux clients disposant de comptes SwissID dans vos applications à l’aide d’Azure Active Directory B2C (Azure AD B2C). Vous ajoutez le SwissID à vos flux d’utilisateurs ou à votre stratégie personnalisée à l’aide du protocole OpenID Connect. Pour plus d’informations, consultez SwissID Integration Guidelines – OpenID Connect.

Conditions préalables

Créez un flux d’utilisateurs pour permettre aux utilisateurs de s’inscrire et de se connecter à votre application.
Inscrire une application web.

Suivez les étapes de Prise en main des stratégies personnalisées dans Active Directory B2C. Ce tutoriel vous explique comment mettre à jour des fichiers de stratégie personnalisés pour utiliser votre configuration de locataire Azure AD B2C.
Inscrire une application web.

Créer une application SwissID

Pour activer la connexion pour les utilisateurs disposant d’un compte SwissID dans Azure AD B2C, vous devez créer une application. Pour créer une application SwissID, procédez comme suit :

Contactez SwissID Business Partner support.

Une fois l’inscription auprès de SwissID terminée, fournissez des informations sur votre locataire Azure AD B2C :

Clé	Remarque
URI de redirection	Fournissez l’URI `https://your-tenant-name.b2clogin.com/your-tenant-name.onmicrosoft.com/oauth2/authresp` . Si vous utilisez un domaine personnalisé, entrez `https://your-domain-name/your-tenant-name.onmicrosoft.com/oauth2/authresp`. Remplacez `your-tenant-name` par le nom de votre locataire et `your-domain-name` par votre domaine personnalisé.
Méthode d’authentification de point de terminaison de jeton	`client_secret_post`

Une fois l’application inscrite, les informations suivantes seront fournies par le SwissID. Utilisez ces informations pour configurer votre flux d’utilisateur ou votre stratégie personnalisée.

Clé	Remarque
Environnement	Point de terminaison de configuration bien connu de SwissID OpenId. Par exemple : `https://login.sandbox.pre.swissid.ch/idp/oauth2/.well-known/openid-configuration`.
ID de client	ID du client SwissID. Par exemple : `00001111-aaaa-2222-bbbb-3333cccc4444`.
Mot de passe	Le secret client de SwissID.

Configurer SwissID en tant que fournisseur d’identité

Si vous avez accès à plusieurs tenants (locataires), sélectionnez l’icône Paramètres dans le menu supérieur pour basculer vers votre tenant Azure AD B2C à partir du menu Annuaires + abonnements.
Choisissez tous les services dans le coin supérieur gauche du portail Azure, puis recherchez et sélectionnez Azure AD B2C.
Sélectionnez Fournisseurs d’identité, puis nouveau fournisseur OpenID Connect.
Saisissez un Nom. Par exemple, entrez SwissID.
Pour URL de métadonnées, entrez le point de terminaison de configuration bien connu de SwissID OpenID. Par exemple:
```
https://login.sandbox.pre.swissid.ch/idp/oauth2/.well-known/openid-configuration
```
Pour l’ID client, entrez l’ID client SwissID.
Pour Clé secrète client, entrez la clé secrète client SwissID.
Pour Étendue, entrez openid profile email.
Conservez les valeurs par défaut pour le type réponse et le mode Réponse.
(Facultatif) Pour l’indicateur de domaine, saisissez swissid.com. Pour plus d’informations, consultez Configurer la connexion directe avec Azure Active Directory B2C.
Sous Mappage des revendications du fournisseur d’identité, sélectionnez les revendications suivantes :
- ID d’utilisateur : sub
- Nom donné : given_name
- Nom de famille : family_name
- E-mail : e-mail
Cliquez sur Enregistrer.

Ajouter un fournisseur d’identité SwissID à un flux d’utilisateur

À ce stade, le fournisseur d’identité SwissID a été configuré, mais il n’est pas encore disponible dans les pages de connexion. Pour ajouter le fournisseur d’identité SwissID à un flux d’utilisateur :

Dans votre client Azure AD B2C, sélectionnez Flux d’utilisateurs.
Cliquez sur le flux d’utilisateur où vous souhaitez, ajouter le fournisseur d’identité SwissID.
Sous les fournisseurs d’identité sociale, sélectionnez SwissID.
Cliquez sur Enregistrer.
Pour tester votre stratégie, sélectionnez Exécuter le flux utilisateur.
Pour l’application, sélectionnez l’application web nommée testapp1 que vous avez inscrite précédemment. L’URL de réponse doit être https://jwt.ms.
Sélectionnez le bouton Exécuter le flux utilisateur .
Dans la page d’inscription ou de connexion, sélectionnez SwissID pour vous connecter avec le compte SwissID .

Si le processus de connexion réussit, votre navigateur est redirigé vers https://jwt.ms, qui affiche le contenu du jeton retourné par Azure AD B2C.

Créer une clé de stratégie

Vous devez stocker la clé secrète client que vous avez reçue de SwissID dans votre locataire Azure AD B2C.

Connectez-vous au portail Azure.
Veillez à bien utiliser l’annuaire qui contient votre locataire Azure AD B2C. Sélectionnez le filtre Répertoire + abonnement dans le menu supérieur et choisissez le répertoire qui contient votre locataire.
Choisissez tous les services dans le coin supérieur gauche du portail Azure, puis recherchez et sélectionnez Azure AD B2C.
Dans la page Vue d’ensemble, sélectionnez Identity Experience Framework.
Sélectionnez Clés de stratégie , puis sélectionnez Ajouter.
Pour options, choisissez Manual.
Entrez un nom pour la clé de stratégie. Par exemple : SwissIDSecret. Le préfixe B2C_1A_ est ajouté automatiquement au nom de votre clé.
Dans Secret, entrez votre clé secrète client SwissID.
Pour l’utilisation de la clé, sélectionnez Signature.
Cliquez sur Créer.

Configurer SwissID en tant que fournisseur d’identité

Pour permettre aux utilisateurs de se connecter à l’aide d’un compte SwissID, vous devez définir le compte en tant que fournisseur de revendications avec lequel Azure AD B2C peut communiquer via un point de terminaison. Le point de terminaison fournit un ensemble de revendications utilisées par Azure AD B2C pour vérifier qu’un utilisateur spécifique s’est authentifié.

Vous pouvez définir un compte SwissID en tant que fournisseur de revendications en l’ajoutant à l’élément ClaimsProviders dans le fichier d’extension de votre stratégie.

Ouvrez le fichier TrustFrameworkExtensions.xml.
Recherchez l’élément ClaimsProviders . S’il n’existe pas, ajoutez-le sous l’élément racine.

Ajoutez un nouveau ClaimsProvider comme suit :

<ClaimsProvider>
  <Domain>SwissID.com</Domain>
  <DisplayName>SwissID</DisplayName>
  <TechnicalProfiles>
    <TechnicalProfile Id="SwissID-OpenIdConnect">
      <DisplayName>SwissID</DisplayName>
      <Protocol Name="OpenIdConnect" />
      <Metadata>
        <Item Key="METADATA">https://login.sandbox.pre.swissid.ch/idp/oauth2/.well-known/openid-configuration</Item>
        <Item Key="client_id">Your Swiss client ID</Item>
        <Item Key="response_types">code</Item>
        <Item Key="scope">openid profile email</Item>
        <Item Key="response_mode">form_post</Item>
        <Item Key="HttpBinding">POST</Item>
        <Item Key="UsePolicyInRedirectUri">false</Item>
      </Metadata>
      <CryptographicKeys>
        <Key Id="client_secret" StorageReferenceId="B2C_1A_SwissIDSecret" />
      </CryptographicKeys>
      <OutputClaims>
        <OutputClaim ClaimTypeReferenceId="issuerUserId" PartnerClaimType="sub" />
        <OutputClaim ClaimTypeReferenceId="identityProvider" PartnerClaimType="iss" />
        <OutputClaim ClaimTypeReferenceId="authenticationSource" DefaultValue="socialIdpAuthentication" AlwaysUseDefaultValue="true" />
        <OutputClaim ClaimTypeReferenceId="givenName" PartnerClaimType="given_name" />
        <OutputClaim ClaimTypeReferenceId="surName" PartnerClaimType="family_name" />
        <OutputClaim ClaimTypeReferenceId="email" />
      </OutputClaims>
      <OutputClaimsTransformations>
        <OutputClaimsTransformation ReferenceId="CreateRandomUPNUserName" />
        <OutputClaimsTransformation ReferenceId="CreateUserPrincipalName" />
        <OutputClaimsTransformation ReferenceId="CreateAlternativeSecurityId" />
        <OutputClaimsTransformation ReferenceId="CreateSubjectClaimFromAlternativeSecurityId" />
        <OutputClaimsTransformation ReferenceId="CreateDisplayName" />
      </OutputClaimsTransformations>
      <UseTechnicalProfileForSessionManagement ReferenceId="SM-SocialLogin" />
    </TechnicalProfile>
  </TechnicalProfiles>
</ClaimsProvider>

Définissez client_id sur l’ID client SwissID.
Enregistrez le fichier.

Ajouter un parcours utilisateur

À ce stade, le fournisseur d'identité a été configuré, mais il n'est pas encore disponible dans aucune des pages de connexion. Si vous n’avez pas votre propre parcours utilisateur personnalisé, créez un doublon d’un parcours utilisateur de modèle existant, sinon passez à l’étape suivante.

Ouvrez le fichier TrustFrameworkBase.xml à partir du pack de démarrage.
Recherchez et copiez l’intégralité du contenu de l’élément UserJourney qui inclut Id="SignUpOrSignIn".
Ouvrez le TrustFrameworkExtensions.xml et recherchez l’élément UserJourneys . Si l’élément n’existe pas, ajoutez-en un.
Collez tout le contenu de l’élément UserJourney que vous avez copié en tant qu’enfant de l’élément UserJourneys .
Renommez l’ID du parcours utilisateur. Par exemple : Id="CustomSignUpSignIn".

Ajouter le fournisseur d’identité à un parcours utilisateur

Maintenant que vous disposez d’un parcours utilisateur, ajoutez le nouveau fournisseur d’identité au parcours utilisateur. Vous ajoutez d’abord un bouton de connexion, puis liez le bouton à une action. L’action représente le profil technique que vous avez créé précédemment.

Recherchez l’élément d’étape d’orchestration qui inclut Type="CombinedSignInAndSignUp"ou Type="ClaimsProviderSelection" dans le parcours utilisateur. Il s’agit généralement de la première étape d’orchestration. L’élément ClaimsProviderSelections contient une liste de fournisseurs d’identité auxquels un utilisateur peut se connecter. L’ordre des éléments contrôle l’ordre des boutons de connexion présentés à l’utilisateur. Ajoutez un élément XML ClaimsProviderSelection . Définissez la valeur de TargetClaimsExchangeId sur un nom convivial.
À l’étape d’orchestration suivante, ajoutez un élément ClaimsExchange . Définissez ID sur la valeur de l’ID d’échange des revendications cible. Mettez à jour la valeur de TechnicalProfileReferenceId sur l’ID du profil technique que vous avez créé.

Le code XML suivant illustre les deux premières étapes d’orchestration d’un parcours utilisateur avec le fournisseur d’identité :

<OrchestrationStep Order="1" Type="CombinedSignInAndSignUp" ContentDefinitionReferenceId="api.signuporsignin">
  <ClaimsProviderSelections>
    ...
    <ClaimsProviderSelection TargetClaimsExchangeId="SwissIDExchange" />
  </ClaimsProviderSelections>
  ...
</OrchestrationStep>

<OrchestrationStep Order="2" Type="ClaimsExchange">
  ...
  <ClaimsExchanges>
    <ClaimsExchange Id="SwissIDExchange" TechnicalProfileReferenceId="SwissID-OpenIdConnect" />
  </ClaimsExchanges>
</OrchestrationStep>

Configurer la stratégie de partie de confiance

La politique de partie de confiance, par exemple SignUpSignIn.xml, spécifie le parcours utilisateur qu'Azure AD B2C exécutera. Recherchez l’élément DefaultUserJourney dans la partie de confiance. Mettez à jour le ReferenceId pour qu'il corresponde à l'identifiant du parcours utilisateur dans lequel vous avez ajouté le fournisseur d'identité.

Dans l’exemple suivant, pour le CustomSignUpSignIn parcours utilisateur, l’Id de référence est défini sur CustomSignUpSignIn:

<RelyingParty>
  <DefaultUserJourney ReferenceId="CustomSignUpSignIn" />
  ...
</RelyingParty>

Téléchargez la stratégie personnalisée

Connectez-vous au portail Azure.
Sélectionnez l’icône Répertoire + Abonnement dans la barre d’outils du portail, puis sélectionnez le répertoire qui contient votre locataire Azure AD B2C.
Dans le portail Azure, recherchez et sélectionnez Azure AD B2C.
Sous Stratégies, sélectionnez Identity Experience Framework.
Sélectionnez Charger une stratégie personnalisée, puis chargez les deux fichiers de stratégie que vous avez modifiés, dans l’ordre suivant : la stratégie d’extension, par exemple TrustFrameworkExtensions.xml, la stratégie de partie de confiance, telle que SignUpSignIn.xml.

Tester votre stratégie personnalisée

Sélectionnez votre stratégie de partie de confiance, par exemple B2C_1A_signup_signin.
Pour l’application, sélectionnez une application web que vous avez inscrite précédemment. L’URL de réponse doit être https://jwt.ms.
Sélectionnez le bouton Exécuter maintenant .
Dans la page d’inscription ou de connexion, sélectionnez SwissID pour vous connecter avec le compte SwissID .

Si le processus de connexion réussit, votre navigateur est redirigé vers https://jwt.ms, qui affiche le contenu du jeton retourné par Azure AD B2C.

Passer à la production

SwissID IdP fournit des environnements de préproduction et de production. La configuration décrite dans cet article utilise l’environnement de préproduction. Pour utiliser l’environnement de production, procédez comme suit :

Contactez l'assistance SwissId pour un environnement de production.
Mettez à jour votre flux utilisateur ou votre stratégie personnalisée avec l'URI du point de terminaison de paramétrage bien connu.

Étapes suivantes

Découvrez comment transmettre un jeton SwissID à votre application.

Partager via

Configurer l’inscription et la connexion avec un compte SwissID à l’aide d’Azure Active Directory B2C

Conditions préalables

Créer une application SwissID

Configurer SwissID en tant que fournisseur d’identité

Ajouter un fournisseur d’identité SwissID à un flux d’utilisateur

Créer une clé de stratégie

Configurer SwissID en tant que fournisseur d’identité

Ajouter un parcours utilisateur

Ajouter le fournisseur d’identité à un parcours utilisateur

Configurer la stratégie de partie de confiance

Téléchargez la stratégie personnalisée

Tester votre stratégie personnalisée

Passer à la production

Étapes suivantes

Commentaires

Ressources supplémentaires