Le plugin WordPress OAuth & OpenID Connect Single Sign-On (SSO) permet une connexion sécurisée à WordPress en utilisant VKontakte comme fournisseur OAuth et OpenID Connect. Vous pouvez également configurer le plugin en utilisant différents fournisseurs personnalisés et IDP standard. Il prend en charge les fonctionnalités avancées d'authentification unique (SSO) telles que le mappage d'attributs de profil utilisateur, le mappage de rôles, etc. Nous passerons ici en revue un guide pour configurer le SSO entre WordPress et VKontakte. À la fin de ce guide, les utilisateurs devraient pouvoir se connecter à WordPress depuis VKontakte. 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 WordPress Authentification unique OAuth (SSO) plugin et cliquez sur Installer maintenant.
• Une fois installé cliquez sur Activer.

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

1. Configurer Vkontakte en tant que fournisseur OAuth

• Tout d'abord, allez à https://vk.com/apps?act=manage et connectez-vous à votre compte VKontakte.
• L’écran suivant vous sera présenté. Cliquer sur Créer une application.

• Un formulaire s'affichera dans lequel vous devrez saisir Nom de l'application ainsi que Type. Sélectionner Plateforme as Site Web et remplissez d'autres détails si nécessaire. Cliquez maintenant sur Connecter le site.

• Il vous sera demandé un le code de vérification qui sera envoyé au numéro de téléphone enregistré sur VKontakte.

• Après une vérification réussie, vous serez redirigé vers la page de gestion des applications. Aller à Paramètres languette. Ici vous trouverez Clé sécurisée ainsi que Jeton sécurisé. Ce sont vos identité du client ainsi que Secret client, respectivement. Copiez ces informations d'identification dans la configuration du plug-in MO OAuth dans les champs correspondants.
• Sur la même page, vous trouverez un champ pour URL de redirection autorisée. Entrez la même valeur que celle indiquée dans MO OAuth Plugin, puis cliquez sur Épargnez.

Vous avez configuré avec succès VKontakte en tant que fournisseur OAuth pour obtenir la connexion VKontakte à votre site WordPress.

2. Configurez WordPress en tant que client OAuth

• Cliquez sur Configurer OAuth onglet et configurer Nom de l'application, ID client, secret client, ID de locataire de fourni Points de terminaison.
• ouvert est déjà rempli mais si cela ne fonctionne pas alors configurez portée as Utilisateur.Lire et pour récupérer les informations sur le groupe, utilisez la portée : Répertoire.read.all.

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

  
  

  Identité du client :	à partir de l'étape 6 ci-dessus
  Secret client :	à partir de l'étape 6 ci-dessus
  Portée:	ouvert
  Autoriser le point de terminaison :	https://oauth.vk.com/authorize
  Point de terminaison du jeton d’accès :	https://oauth.vk.com/access_token
  Obtenir le point de terminaison des informations utilisateur :	https://api.vk.com/method/users.get?fields=id,name,email,age_range,first_name,gender,last_name,link&access_token=

• Cliquez sur Enregistrer les paramètres pour enregistrer la configuration.

Vous avez configuré avec succès WordPress comme client OAuth pour obtenir la connexion VKontakte à votre site WordPress.

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 Prénom, Nom, E-mail ou Nom d'utilisateur, définissez 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 : Cartographie des rôles [Premium]

• Cliquez sur « Configuration des tests » et vous obtiendrez la liste des noms d'attribut et des valeurs d'attribut 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 de rôle, vous devez mapper l'attribut de nom de groupe. Sélectionnez le nom de l'attribut dans la liste des attributs qui renvoie les rôles de votre application fournisseur.
  Ex : Rôle


• Attribuez le rôle WordPress au rôle Fournisseur : En fonction de votre application de fournisseur, vous pouvez attribuer le rôle WordPress à vos rôles de fournisseur. Il peut s'agir d'un étudiant, d'un enseignant, d'un administrateur ou de tout autre selon votre candidature. Ajoutez les rôles de fournisseur sous Valeur d'attribut de groupe et attribuez le rôle WordPress requis devant celui-ci sous Rôle WordPress.
  
  Par exemple, dans l'image ci-dessous. L'enseignant s'est vu attribuer le rôle d'administrateur et l'étudiant se voit attribuer le rôle d'abonné.

• Une fois le mappage enregistré, le rôle de fournisseur se verra attribuer le rôle d'administrateur WordPress après SSO.
  Mise en situation : Selon l'exemple donné, les utilisateurs avec le rôle « enseignant » seront ajoutés en tant qu'administrateur dans WordPress et « étudiant » sera ajouté en tant qu'abonné.

5. Paramètres de connexion / 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 Vkontakte 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 Vkontakte SSO. Vous pouvez maintenant tester l’authentification unique (SSO) de Vkontakte.

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

Dans ce guide, vous avez configuré avec succès Authentification unique VKontakte (SSO) en configurant VKontakte 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 à l'aide des informations de connexion VKontakte en quelques minutes.

Ressources additionnelles

• Qu’est-ce qu’OAuth 2.0 ?
• Vkontakte en tant que fournisseur OAuth / OpenID Connect
• 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.