Passer au contenu principal

Configurer les applications OpenID Connect dans Entra

Riot prend en charge la connexion à la plateforme via OpenID Connect. Ce document explique comment créer les applications nécessaires dans Microsoft Entra afin de permettre aux utilisateurs de se connecter à Riot à l'aide de leur compte Entra.

Nous allons créer deux applications :

  • La premiĂšre application « Riot Admin » permettra aux administrateurs de se connecter Ă  https://hub.tryriot.com. Cette application doit ĂȘtre attribuĂ©e uniquement aux administrateurs Riot.

  • La seconde application « Riot Employee Portal » permettra Ă  tous les employĂ©s de se connecter Ă  leur portail employĂ© personnel sur https://app.tryriot.com. Cette application peut ĂȘtre attribuĂ©e Ă  tous les utilisateurs.

1ïžâƒŁ Configurer l'application Riot Admin

Connectez-vous à votre centre d'administration Microsoft Entra puis, dans le menu de gauche, allez dans Entra ID > Enterprise Applications et cliquez sur « New application ».

Cliquez sur « Create your own application ».

  • Name : le nom de l'application, par exemple « Riot Admin ».

  • What are you looking to do with your application ? Choisissez « Integrate any other application you don't find in the gallery (Non-gallery) ».

Cliquez ensuite sur « Create ».

Conservez l'« Application ID » (vous en aurez besoin plus tard), puis cliquez sur « Single sign-on ».

Choisissez « Linked ».

Dans le champ « Sign on URL », saisissez l'URL de connexion affichée sur Riot puis cliquez sur « Save ».

Cliquez ensuite sur « Users and groups » et choisissez quels utilisateurs verront l'application via « Add user/group ».

Allez ensuite dans « App registrations » et saisissez l'« Application ID » que vous avez conservé précédemment.

Allez dans « Authentication » et cliquez sur « Add Redirect URI », puis sélectionnez « Web ».

Dans « Redirect URI », renseignez https://api.tryriot.com/v2/hub/connect/oidc/callback puis cliquez sur « Configure ».

Allez ensuite dans « Certificate & Secrets », cliquez sur « New client secret », remplissez le champ Description et choisissez une option dans « Expires ». Cliquez ensuite sur « Add ».

Une fois généré, copiez la « Value » (vous en aurez besoin plus tard).

Allez dans « Overview », cliquez sur « Endpoints » et conservez la valeur de « Authority URL (Accounts in this organizational directory only) ».

Allez dans « Token configuration », cliquez sur « Add optional claim », puis :

  • Token type : ID.

  • SĂ©lectionnez email , family_name , given_name et preferred_username .

Cliquez sur « Add ».

Cochez « Turn on the Microsoft Graph email, profile permission (required for claims to appear in token) », puis cliquez sur « Add ».

Dans « Riot », renseignez :

  • « Issuer » avec la valeur de « Authority URL (Accounts in this organizational directory only) ».

  • « Client ID » avec la valeur de l'« Application ID ».

  • « Client Secret » avec la valeur du secret.

L'utilisateur peut désormais voir « Riot Admin » sur https://myapps.microsoft.com/index.html et se connecter à Riot.

2ïžâƒŁ Configurer l'application Riot Employee Portal

Connectez-vous à votre centre d'administration Microsoft Entra puis, dans le menu de gauche, allez dans Entra ID > Enterprise Applications et cliquez sur « New application ».

Cliquez sur « Create your own application ».

  • Name : le nom de l'application, par exemple « Riot Employee ».

  • What are you looking to do with your application ? Choisissez « Integrate any other application you don't find in the gallery (Non-gallery) ».

Cliquez ensuite sur « Create ».

Conservez l'« Application ID » (vous en aurez besoin plus tard), puis cliquez sur « Single sign-on ».

Choisissez « Linked ».

Dans le champ « Sign on URL », saisissez la seconde URL de connexion affichée sur Riot puis cliquez sur « Save ».

Cliquez ensuite sur « Users and groups » et choisissez quels utilisateurs verront l'application via « Add user/group ».

Allez ensuite dans « App registrations » et saisissez l'« Application ID » que vous avez conservé précédemment.

Allez dans « Authentication » et cliquez sur « Add Redirect URI », puis sélectionnez « Web ».

Dans « Redirect URI », renseignez https://albert.tryriot.com/portal/auth/oidc/callback puis cliquez sur « Configure ».

Allez ensuite dans « Certificate & Secrets », cliquez sur « New client secret », remplissez le champ Description et choisissez une option dans « Expires ». Cliquez ensuite sur « Add ».

Une fois généré, copiez la « Value » (vous en aurez besoin plus tard).

Allez dans « Token configuration », cliquez sur « Add optional claim », puis :

  • Token type : ID.

  • SĂ©lectionnez email , family_name , given_name et preferred_username .

Cliquez sur « Add ».

Cochez « Turn on the Microsoft Graph email, profile permission (required for claims to appear in token) », puis cliquez sur « Add ».

Dans Riot « Settings > General > Authentification > OIDC », renseignez :

  • « Issuer » avec la valeur de « Authority URL (Accounts in this organizational directory only) ».

  • « Client ID » avec la valeur de l'« Application ID ».

  • « Client Secret » avec la valeur du secret.

L'utilisateur peut désormais voir « Riot Employee » sur https://myapps.microsoft.com/index.html et pourra se connecter.

3ïžâƒŁ DĂ©finir un client OIDC au niveau de l'organisation

Si vous gĂ©rez plusieurs espaces Riot au sein d'une mĂȘme organisation, vous n'ĂȘtes pas obligĂ© de refaire cette configuration espace par espace.

Un client OIDC peut ĂȘtre dĂ©fini au niveau de l'organisation. La rĂšgle est la suivante :

  • si un client OIDC est configurĂ© sur l'espace, c'est lui qui est utilisĂ© ;

  • si aucun client n'est configurĂ© sur l'espace, Riot bascule automatiquement sur le client OIDC de l'organisation, aussi bien pour les administrateurs que pour les employĂ©s.

Vous pouvez ainsi déclarer vos applications une seule fois, tout en gardant la possibilité de surcharger la configuration sur un espace particulier.

👍 Bon Ă  savoir : les Ă©tapes de crĂ©ation des applications dans Entra dĂ©crites plus haut restent identiques. Seul change l'endroit oĂč vous renseignez l'Issuer, le Client ID et le Client Secret dans Riot.

Avez-vous trouvé la réponse à votre question ?