Webflow OAuth et OpenID Connect Authentification unique (SSO) | Connexion SSO Webflow

L'extension d'authentification unique (SSO) OAuth et OpenID Connect pour WordPress permet une connexion sécurisée à WordPress via Webflow, utilisé comme fournisseur OAuth et OpenID Connect. Vous pouvez également configurer l'extension avec différents fournisseurs personnalisés et des fournisseurs d'identité standard. Elle prend en charge des fonctionnalités avancées d'authentification unique (SSO), telles que le mappage des attributs de profil utilisateur et le mappage des rôles. Ce guide vous explique comment configurer l'authentification unique entre WordPress et Webflow. À la fin de ce guide, vous pourrez vous connecter à WordPress depuis Webflow. Pour en savoir plus sur les autres fonctionnalités de l'extension d'authentification unique OAuth (client OAuth et OpenID Connect) pour WordPress, cliquez ici.

Prérequis : Téléchargement et installation

• Connectez-vous à votre instance WordPress en tant qu'administrateur.
• Aller sur WordPress Tableau de bord >> Plugins et cliquez sur Ajouter un nouveau.
• Rechercher un Authentification unique OAuth (SSO) plugin pour WordPress et cliquez sur Installer maintenant.
• Une fois installé cliquez sur Activer.

Étapes pour configurer l'authentification unique (SSO) Webflow : se connecter à WordPress

Étape 1 : configurer Webflow en tant que fournisseur OAuth

• Tout d'abord, allez à https://webflow.com/ et inscrivez-vous/connectez-vous à votre compte pour configurer Webflow.

• Allez dans Intégration : onglet et cliquez sur Enregistrer une nouvelle application .

• Entrez les détails requis, vous obtiendrez le URL de rappel depuis le plugin, et cliquez sur Créer .

• Maintenant, cliquez sur Détails .

• Vous obtiendrez le identité du client et Secret clientCopiez votre ID client et votre secret client et enregistrez-les dans la configuration de votre plugin client OAuth miniOrange.

• Vous avez terminé avec succès vos configurations côté serveur Webflow OAuth.

Points de terminaison et portée du flux Web :




Identité du client :	Cliquez ici
Secret client :	Cliquez ici
Portée:	ouvert
Autoriser le point de terminaison :	https://webflow.com/oauth/authorize
Point de terminaison du jeton d’accès :	https://api.webflow.com/oauth/access_token
Obtenir le point de terminaison des informations utilisateur :	https://api.webflow.com/info

Vous avez configuré avec succès Webflow comme fournisseur OAuth pour permettre la connexion Webflow à votre site WordPress.

Vous avez configuré avec succès WeibWebflow comme fournisseur OAuth pour permettre la connexion Webflow à votre site WordPress.

Étape 2 : Configurer WordPress en tant que client OAuth

• Rendez-vous dans la section Configurer OAuth dans le plugin et recherchez OAuth personnalisé dans la liste des applications, et sélectionnez Application OAuth 2.0 personnalisée .

• Maintenant, configurez Nom de l'application, ID client, secret client reçu de Webflow.
• Entrez la valeur de la portée comme ouvert .
• Cliquez sur Enregistrer les paramètres pour enregistrer la configuration.

Vous avez configuré avec succès WordPress en tant que client OAuth pour permettre la connexion Webflow à votre site WordPress.

3. Association des attributs utilisateur

• Le mappage des attributs utilisateur est indispensable pour permettre aux utilisateurs de se connecter à WordPress. Nous allons configurer les attributs du profil utilisateur pour WordPress à l'aide des paramètres ci-dessous.

Recherche d'attributs utilisateur

• Allez dans Configurer OAuth languette. Faites défiler vers le bas et cliquez sur Configuration de test.

• Vous verrez dans un tableau toutes les valeurs renvoyées par votre fournisseur OAuth à WordPress. Si les champs Prénom, Nom, Adresse e-mail ou Nom d'utilisateur sont manquants, veuillez configurer votre fournisseur OAuth afin qu'il renvoie ces informations.

• Une fois que vous voyez toutes les valeurs dans la configuration du test, accédez à Mappage d’attributs/rôles Dans l'onglet correspondant, vous trouverez la liste des attributs dans un menu déroulant Nom d'utilisateur.

4. Cartographie des rôles [Premium]

• Cliquez sur « Configuration des tests » Vous obtiendrez alors la liste des noms et des valeurs des attributs envoyés par votre fournisseur OAuth.
• Dans la fenêtre Configuration du test, mappez les noms d'attribut dans la section Mappage d'attributs du plugin. Reportez-vous à la capture d'écran pour plus de détails.

• Activer le mappage de rôles : Pour activer le mappage des rôles, vous devez mapper l'attribut Nom du groupe. Sélectionnez le nom de l'attribut dans la liste des attributs qui renvoient les rôles de votre application fournisseur.
  Par exemple: Rôle


• Attribuez le rôle WordPress au rôle Fournisseur : En fonction de votre application fournisseur, vous pouvez attribuer le rôle WordPress à vos rôles fournisseurs. Il peut s'agir d'un étudiant, d'un enseignant, d'un administrateur ou de tout autre rôle selon votre application. Ajoutez les rôles fournisseurs sous Valeur d'attribut de groupe et attribuez-leur le rôle WordPress requis sous Rôle WordPress.
  
  Par exempleDans l'image ci-dessous, l'enseignant a le rôle d'administrateur et l'élève celui d'abonné.

• Une fois le mappage enregistré, le rôle de fournisseur se verra attribuer le rôle d'administrateur WordPress après SSO.
  Exemple : Conformément à l'exemple donné, les utilisateurs ayant le rôle d'« enseignant » seront ajoutés en tant qu'administrateurs dans WordPress et les « étudiants » seront ajoutés en tant qu'abonnés.

5 : Paramètres de connexion / Paramètres d'inscription

• Les paramètres de l'onglet « Paramètres d'authentification unique (SSO) » définissent l'expérience utilisateur pour l'authentification unique (SSO). Pour ajouter un widget de connexion Webflow à votre page WordPress, suivez les étapes ci-dessous.

1. Paramètres de connexion pour wordpress 5.7 et versions antérieures :

• Allez dans Panneau de gauche WordPress > Apparences > Widgets.
• Sélectionner miniOrange OAuth. Faites glisser et déposez vers votre emplacement préféré et enregistrez.


2. Paramètres de connexion pour WordPress 5.8 :

• Allez dans Panneau de gauche WordPress > Apparences > Widgets.
• Sélectionner miniOrange OAuth. Faites glisser et déposez vers votre emplacement préféré et enregistrez.

• Ouvrez votre page WordPress et vous pourrez y voir le bouton de connexion Webflow SSO. Vous pouvez tester le Authentification unique Webflow (SSO) maintenant.

Dans ce guide, vous avez configuré avec succès l'authentification unique (SSO) Webflow en définissant Webflow comme fournisseur OAuth et WordPress comme client OAuth grâce à notre extension d'authentification unique OAuth (client OAuth et OpenID Connect) pour WordPress. Cette solution vous permet de déployer rapidement un accès sécurisé à votre site WordPress via les identifiants de connexion SSO Webflow.

Ressources supplémentaires

• Qu’est-ce qu’OAuth 2.0 ?
• Présentation de l'authentification avec OAuth 2.0
• Foire aux questions (FAQ)