Configurer l'authentification unique (SSO) Facebook avec OAuth pour WordPress

Marché

Configurer la connexion via Facebook sur WordPress (authentification unique Facebook) avec OAuth2 est simple grâce à l'extension OAuth / OpenID Connect Single Sign-On (SSO) pour WordPress. Vous pouvez configurer cette extension avec différents fournisseurs de réseaux sociaux ou des fournisseurs OAuth et OIDC personnalisés. 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 Facebook. À la fin de ce guide, vous pourrez vous connecter à WordPress depuis Facebook. Pour en savoir plus sur les autres fonctionnalités de l'extension OAuth Single Sign-On (client OAuth et OpenID Connect) pour WordPress, cliquez ici.

Télécharger le plugin Plans de tarification Essai gratuit

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 Plugin d'authentification unique (SSO) OAuth pour WordPress et cliquez sur Installer maintenant.
• Une fois installé cliquez sur Activer.

Étapes pour configurer la connexion Facebook Single Sign-On (SSO) à WordPress

1. Configurer Facebook comme fournisseur OAuth

• Pour commencer, accédez à la console des développeurs Facebook, cliquez sur ici et inscrivez-vous/connectez-vous avec votre compte développeur Facebook.

• Accédez à la page des applications Facebook Developers et cliquez sur le bouton Créer une application bouton pour ajouter une nouvelle application.

• Puis choisissez le Autoriser les gens à se connecter avec leur compte Facebook option comme cas d'utilisation et appuyez Suivant.

• Entrer le Nom de l'application et Ajouter une adresse e-mail de contact pour votre application Facebook respective, puis cliquez sur Créer une application pour enregistrer vos paramètres.

• Allez dans Paramètres de l'application -> De base pour afficher votre identifiant d'application et votre secret d'application. Le ID de l'application est votre identité du client et la Secret d'application est votre Secret client, conservez ces valeurs à portée de main car vous en aurez besoin plus tard pour configurer le plugin SSO OAuth miniOrange (reportez-vous aux images ci-dessous).
• Domaine de l'application : Inscrivez-y le nom de domaine de votre site web.
• URL de la politique de confidentialité : Remplissez cette case avec l'URL de la page de politique de confidentialité de votre site web.
• Conditions de service: Remplissez cette case avec l'URL de la page des conditions d'utilisation de votre site web.
• Suppression des données utilisateur : Dans le menu déroulant, sélectionnez URL des instructions de suppression des données (saisissez l'URL de votre page contenant les instructions sur la façon dont les utilisateurs peuvent supprimer leurs comptes sur votre site).
• Choisissez un category dans la liste déroulante du champ Catégorie et choisissez le Objectif de l'application option qui décrit le mieux votre application, puis appuyez sur Enregistrer les modifications pour enregistrer vos configurations.

• Maintenant, faites défiler vers le bas et cliquez sur Ajouter une plateforme bouton. Sélectionnez le Site Web Cette option est disponible lorsque vous essayez d'intégrer votre connexion Facebook à un site web. Cliquez sur Suivant.

• Ensuite, entrez le URL du site (à partir de votre authentification unique miniOrange OAuth) et cliquez Enregistrer. Puis clique Continuer.

• Cliquez sur le Cas d’usage sur le côté gauche, puis cliquez sur l'onglet Personnaliser bouton qui apparaît à côté du Authentification et création de compte article.

• En dessous de la Permissions section, trouvez la en nous envoyant un mail autorisation et cliquez sur le Ajouter .


Par défaut, votre application ne dispose que d'un accès standard pour les autorisations « public_profile » et « email », ce qui signifie que vous seul pouvez vous connecter. Pour obtenir un accès avancé, vous devrez effectuer une vérification d'entreprise, accessible depuis l' onglet « Vérification » situé à gauche.

• 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). Connexion Facebook >> paramètres section cliquez sur Aller aux paramètres bouton permettant d'ajouter l'URL de redirection/de rappel.

• Dans le URI de redirection OAuth valides champ ajouter le URL de redirection/rappel que vous obtiendrez du plugin miniOrange OAuth Single Sign-On (SSO). Cliquer sur Enregistrer les modifications .

• Votre application est actuellement en mode développement, ce qui signifie que les personnes extérieures à votre entreprise ne peuvent pas l'utiliser. Une fois la vérification terminée, cliquez sur le bouton. GO LIVE onglet et publiez votre application en cliquant sur GO LIVE Cliquez sur le bouton situé en bas à droite. Avant de cliquer dessus, il est recommandé de vérifier les étapes indiquées sur la page « Mise en ligne » et de vous assurer que vous avez tout configuré correctement.

Vous avez configuré avec succès Facebook comme fournisseur d'authentification sociale (OAuth) sur votre site WordPress.

Étape 2 : Configurer WordPress comme client OAuth

• Gratuit
• Devenez membre Premium

• Allez dans Configurer OAuth onglet et cliquez Ajouter une nouvelle application pour ajouter une nouvelle application client à votre site Web.

• Choisissez votre application dans la liste des fournisseurs OAuth / OpenID Connect, ici Facebook

• Après avoir sélectionné le fournisseur, copiez le URL de rappel qui doit être configuré dans la configuration de l'application SSO du fournisseur OAuth.
• Entrez les informations d'identification du client comme identité du client & Secret client que vous obtiendrez via l'application Facebook SSO.
• Veuillez vous référer au tableau ci-dessous pour configurer le points de terminaison pour Facebook dans le plugin.

Nom de l'application:	Facebook
Autoriser le point de terminaison :	https://www.facebook.com/dialog/oauth
Point de terminaison du jeton d’accès :	https://graph.facebook.com/v2.8/oauth/access_token
Obtenir le point de terminaison des informations utilisateur :	https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link
Portée:	e-mail de profil_public

• Cliquez sur Suivant.

• Après avoir vérifié tous les détails sur la page récapitulative, cliquez sur Finition pour sauvegarder la configuration ainsi que tester la connexion SSO.

Vous avez configuré avec succès WordPress en tant que client OAuth pour permettre l'authentification des utilisateurs via la connexion unique Facebook (SSO) à votre site WordPress.

• Allez dans Configurer OAuth Utilisez l'onglet et recherchez le nom de votre application pour ajouter une nouvelle application cliente à votre site web, ici. Facebook.

• Veuillez vous référer au tableau ci-dessous pour configurer le Portée et points de terminaison pour Facebook dans le plugin.

Portée:	identifier l'e-mail
Autoriser le point de terminaison :	https://www.facebook.com/dialog/oauth
Point de terminaison du jeton d’accès :	https://graph.facebook.com/v2.8/oauth/access_token
Obtenir le point de terminaison des informations utilisateur :	https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link

• Choisissez votre Type de subvention dans la liste des options & Cliquez sur Enregistrer les paramètres pour enregistrer la configuration.

Vous avez configuré avec succès WordPress en tant que client OAuth pour permettre l'authentification des utilisateurs via la connexion unique Facebook (SSO) à votre site WordPress.

Étape 3 : Mappage des attributs utilisateur

• Le mappage des attributs utilisateur est obligatoire pour permettre aux utilisateurs de se connecter avec succès à WordPress. Nous allons configurer les attributs du profil utilisateur pour WordPress en utilisant les paramètres ci-dessous.

Recherche des attributs utilisateur :

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

• Vous verrez dans un tableau toutes les valeurs renvoyées par votre fournisseur OAuth à WordPress. Si les champs « Adresse e-mail » ou « Nom d'utilisateur », par exemple, sont manquants, configurez votre fournisseur OAuth pour 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, vous obtiendrez la liste des attributs dans les menus déroulants.

4. Paramètres de connexion

• 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 Facebook à votre page WordPress, suivez les étapes ci-dessous.

• WordPress 5.7 et versions antérieures
• WordPress 5.8
• WordPress 5.9 et versions ulté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.

• 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 y trouverez le bouton de connexion SSO Facebook. Vous pouvez tester l'authentification unique (SSO) Facebook dès maintenant.

• Assurez-vous que le "Afficher sur la page de connexion" L’option est activée pour votre application. (Reportez-vous à l'image ci-dessous)

• Maintenant, allez à votre WordPress Login . (Par exemple https://<votre-domaine-wordpress>/wp-login.php)
• Vous y verrez un bouton de connexion SSO Facebook. Une fois que vous aurez cliqué sur ce bouton, vous pourrez tester l'authentification unique (SSO) Facebook.

Dans ce guide, vous avez configuré avec succès l'authentification unique (SSO) Facebook en paramétrant Facebook comme fournisseur OAuth et WordPress comme client OAuth grâce à notre extension WordPress « Authentification unique OAuth (client OAuth et OpenID Connect) ». Cette solution vous permet de déployer en quelques minutes un accès sécurisé à votre site WordPress via vos identifiants Facebook.

Articles Relatifs

• Qu’est-ce qu’OAuth 2.0 ?
• OAuth avec Facebook
• Foire Aux Questions (FAQ)