L'extension d'authentification et d'autorisation unique (SSO) Typo3 OAuth 2.0 permet à vos utilisateurs frontend et backend (administrateur et client) de se connecter de manière transparente au site Typo3 à l'aide des informations d'identification Onelogin. L'extension Typo3 OAuth / OpenID Connect Single Sign-On (SSO) facilite l'utilisation d'OAuth2 pour configurer la connexion Onelogin sur Typo3 (Onelogin Single Sign-on).
L'extension Typo3 OAuth & OpenID Connect Single Sign-On (SSO) permet de se connecter à Typo3 en toute sécurité via n'importe quel fournisseur OAuth et OpenID Connect, comme Azure AD, Azure B2C, Okta, Keycloak, Salesforce, etc. Elle prend également en charge des fonctionnalités SSO avancées, telles que le mappage des attributs de profil utilisateur et le mappage des rôles. Cliquez ici pour en savoir plus sur les fonctionnalités premium de l'extension Typo3 OAuth Single Sign-On (client OAuth & OpenID Connect).
Dans ce guide, nous verrons comment configurer le SSO entre Typo3 et Onelogin. Les utilisateurs devraient pouvoir se connecter à Typo3 via Onelogin à la fin de ce guide.
Pré-requis : Téléchargement Et Installation
Installation de l'extension OAuth Client / OpenID Connect dans TYPO3
- Utilisez la commande ci-dessous pour installer l'extension à l'aide de composer :
composer req miniorange/miniorange_oidc
- Cherchez maintenant le "miniOrange OpenIDConnect" dans la section Extensions installées et activez l’extension en cliquant sur le bouton Activer.
- Après l'installation, cliquez sur l'extension nouvellement installée "miniOrange OpenIDConnect" pour TYPO3 SSO et connectez-vous avec vos identifiants miniOrange enregistrés.
- Après avoir entré le nom d'utilisateur et le mot de passe, vous aurez besoin d'une clé de licence pour continuer si vous êtes un client premium. (Vous obtiendrez cette clé de l'équipe miniOrange. Après avoir entré la clé de licence, vous pouvez activer la licence et continuer.)
- Si vous n'êtes pas un client premium, vous pouvez vous connecter en toute transparence en soumettant vos informations d'identification miniOrange.
- Après une connexion réussie, vous pouvez voir les détails liés à votre compte.
- Vous êtes maintenant prêt à configurer votre IdP. Mais il est important d’intégrer d’abord le frontend.
- Téléchargez le fichier zip de l'extension OAuth / OIDC depuis la place de marché TYPO3
- Accédez à votre backend TYPO3 et cliquez sur la section Extensions sur le côté gauche de votre écran.
- Téléchargez le fichier zip, comme représenté dans l'image ci-dessous.
- Cherchez maintenant le "miniOrange OpenIDConnect" dans la section Extensions installées et activez l’extension en cliquant sur le bouton Activer.
- Après l'installation, cliquez sur l'extension nouvellement installée "miniOrange OpenIDConnect" pour TYPO3 SSO et connectez-vous avec vos identifiants miniOrange enregistrés.
- Après avoir entré le nom d'utilisateur et le mot de passe, vous aurez besoin d'une clé de licence pour continuer si vous êtes un client premium. (Vous obtiendrez cette clé de l'équipe miniOrange. Après avoir entré la clé de licence, vous pouvez activer la licence et continuer.)
- Si vous n'êtes pas un client premium, vous pouvez vous connecter directement en soumettant vos informations d'identification miniOrange.
- Après une connexion réussie, vous pouvez voir les détails liés à votre compte.
- Vous êtes maintenant prêt à configurer votre IdP. Mais il est important d’intégrer d’abord le frontend.
Intégrer l'extension avec TYPO3
- Cliquez sur le Pages à partir de la navigation de gauche.
- Ensuite, vous devez créer un dossier pour y stocker les utilisateurs du frontend en cliquant avec le bouton droit sur le Accueil page et sélectionnez Nouvelle sous-page.
- Sélectionner Dossier tapez dans la liste déroulante.
- Nommez le dossier comme Utilisateurs du site Web et cliquez sur le Enregistrer.
- Accédez à l'onglet Comportement et ajoutez Utilisateurs du site Web dedans.
- Si vous voyez un trait d'union en rouge sur le dossier créé, cela signifie que le dossier n'est pas activé. Vous pouvez ensuite l'activer en cliquant avec le bouton droit sur ce dossier et en cliquant sur Permettre.
- Il faut en ajouter deux STANDARD pages dans le ACCUEIL page. Si vous utilisez Premium Plugin, vous pouvez créer trois pages.
- Ici, nous considérerons les noms de page comme : FEOIDC, RÉPONSE, DÉCONNEXION (La déconnexion est facultative pour les clients premium).
- Créer un FEOIDC page, faites un clic droit sur Accueil page puis sélectionnez Nouvelle sous-page et sélectionnez STANDARD tapez dans la liste déroulante.
- Ajouter le titre de la page comme FEOIDC et cliquez sur Enregistrer.
- Puis à nouveau cliquez sur Page FEOIDC et cliquez sur Ajouter du contenu. Allez dans les plugins et ajoutez Plugin FEOIDC et cliquez sur le Enregistrer.
- Accédez à l’onglet plugin et sélectionnez le plugin FEOIDC.
- Ajouter des utilisateurs de sites Web dans Page de stockage des enregistrements et enregistrez les paramètres.
- Vous pouvez activer le FEOIDC page en cliquant avec le bouton droit et en sélectionnant Permettre option.
- Si vous devez apporter des modifications au segment d'URL, qui sera également votre URL SSO initiale, faites un clic droit sur la page FEOIDC, sélectionnez Modifier et cliquez sur le bouton « basculer l'URL » pour définir l'URL selon vos préférences.
- Suivez les mêmes étapes pour créer et configurer les pages standard de Response.
- Assurez-vous de sélectionner le plug-in de réponse pour la page de réponse.
- Gardez le FEOIDC et RÉPONSE URL de page pratiques car vous en aurez besoin lors de la configuration de l’extension OAuth/OpenID Connect.
Étapes pour configurer la connexion Onelogin OAuth et OpenID Single Sign-On (SSO) dans Typo3
1. Configurer Onelogin en tant que fournisseur OAuth
Suivez les étapes ci-dessous pour configurer Onelogin en tant que fournisseur OAuth
Configurer Onelogin en tant que fournisseur OAuth
- Accédez à https://app.onelogin.com/login et connectez-vous à votre compte Onelogin.
- Cliquez sur le Administration languette.
- L’écran suivant vous sera présenté. Passez la souris sur Applications puis cliquez sur Applications.
- Cliquez sur Ajouter une application Bouton.
- Une liste de recherche s'affichera. Rechercher « OIDC » (OpenID Connect) et cliquez sur le résultat de la recherche comme indiqué ci-dessous.
- Vous serez redirigé vers l'écran de configuration. Remplissez le nom de l'application et d'autres détails si nécessaire, puis cliquez sur Enregistrer.
- Vous serez redirigé vers la page de détails de l'application. Aller à Configuration onglet et entrez URI de redirection à partir de MO OAuth/OpenID Connect Plugin et cliquez sur Enregistrer.
- Allez dans SSO languette. Vous y trouverez le identité du client et Secret client champs. Copiez ces informations d'identification dans MO OAuth/OpenID Connect Configuration du plugin sur les champs correspondants.
