La configuration de la connexion aux réseaux sociaux Facebook sur WordPress (Facebook SSO) à l'aide d'OAuth2 est facile avec le plugin WordPress OAuth / OpenID Connect Single Sign-On (SSO). Vous pouvez configurer le plugin en utilisant différents autres fournisseurs de médias sociaux/fournisseurs OAuth et OIDC personnalisés. Il prend en charge les fonctionnalités avancées d'authentification unique (SSO) telles que le mappage des attributs du profil utilisateur, le mappage des rôles, etc. Nous passerons ici en revue un guide pour configurer le SSO entre WordPress et Facebook. À la fin de ce guide, les utilisateurs devraient pouvoir se connecter à WordPress depuis Facebook. Pour en savoir plus sur les autres fonctionnalités que nous proposons dans le plugin WP OAuth Single Sign-On (OAuth & OpenID Connect Client), vous pouvez 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 véhicule .
• Rechercher un Authentification unique WordPress OAuth (SSO) plugin et cliquez sur Installer maintenant.
• Une fois installé cliquez sur Activer.

Regarder la vidéo de configuration

Télécharger le plugin

Essai de démonstration gratuit

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

1. Configurer Facebook en tant que fournisseur OAuth

• Pour commencer, accédez à la console des développeurs Facebook, cliquez sur ici et inscrivez-vous/connectez-vous avec votre compte de 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 sur Suivant.

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

• Cliquez sur 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 par 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 miniOrange OAuth Single Sign-On SSO (reportez-vous aux images ci-dessous).
• Domaine de l'application : Écrivez-y le domaine de votre site Web.
• URL de la politique de confidentialité : Remplissez cette case avec l'URL souhaitée vers la page de politique de confidentialité de votre site Web.
• Conditions de service: Remplissez cette case avec l'URL liée à la page des conditions d'utilisation de votre site Web.
• Suppression des données utilisateur :dans la liste déroulante, sélectionnez l'URL des instructions de suppression des données (entrez l'URL de votre page avec 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 option lorsque vous essayez d’intégrer votre connexion Facebook à un site Web. Cliquer sur Suivant.

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

• Cliquez sur le Les cas d'utilisation 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 email 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 avec elle. Pour obtenir un accès avancé, vous devrez passer par la vérification d'entreprise, que vous pourrez démarrer sur le site Web. Vérification onglet sur le côté 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 pour ajouter l’URL de redirection/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 .

• Actuellement, votre application est en mode développement, ce qui signifie également que les personnes extérieures à votre entreprise ne peuvent pas l'utiliser. Une fois votre vérification terminée, cliquez sur le GO LIVE et publiez votre application en cliquant sur l'onglet GO LIVE bouton dans le coin inférieur droit. Avant d'appuyer dessus, il est recommandé de vérifier les étapes répertoriées sur la page « Go live », si vous avez tout configuré correctement.

Vous avez configuré avec succès Facebook comme connexion sociale (fournisseur OAuth) dans votre site WordPress.

2. Configurez WordPress en tant que client OAuth

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 d'attributs utilisateur

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

• Vous verrez toutes les valeurs renvoyées par votre fournisseur OAuth à WordPress dans un tableau. Si vous ne voyez pas de valeur pour l'adresse e-mail ou le nom d'utilisateur, etc., effectuez les paramètres requis dans votre fournisseur OAuth pour renvoyer ces informations.
• Une fois que vous voyez toutes les valeurs dans la configuration du test, accédez à Mappage d’attributs/rôles , vous obtiendrez la liste des attributs dans une liste déroulante Nom d'utilisateur.

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 sur votre page WordPress, vous devez suivre les étapes ci-dessous.

Paramètres de connexion pour WordPress 5.7 et versions antérieures

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


Paramètres de connexion pour WordPress 5.8

• Cliquez sur Panneau de gauche WordPress > Apparences > Widgets.
• Sélectionnez 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 Facebook SSO. Vous pouvez tester l'authentification unique (SSO) de Facebook dès maintenant.

Paramètres de connexion pour WordPress 5.9

• 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, va dans ton WordPress Login . (Par exemple https://<votre-domaine-wordpress>/wp-login.php)
• Vous y verrez un bouton de connexion Facebook SSO. Une fois que vous aurez cliqué sur le bouton de connexion, vous pourrez tester l'authentification unique (SSO) de Facebook.

Dans ce guide, vous avez configuré avec succès Authentification unique Facebook (SSO) en configurant Facebook comme fournisseur OAuth et WordPress comme client OAuth à l'aide de notre plugin WP OAuth Single Sign-On (OAuth & OpenID Connect Client). Cette solution garantit que vous êtes prêt à déployer un accès sécurisé à votre site WordPress en utilisant les informations de connexion Facebook en quelques minutes.

Ressources additionnelles

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

Envoyez-nous un e-mail oauthsupport@xecurify.com pour des conseils rapides (par e-mail/réunion) sur vos besoins et notre équipe vous aidera à sélectionner la solution/le plan le mieux adapté à vos besoins.