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

1. Configurer Instagram en tant que fournisseur OAuth

• Afin de générer l'ID client et le secret client, vous devrez créer une application Instagram. Vous pouvez suivre ces étapes pour créer une application pour Instagram.
• Activez le plugin OAuth Single Sign-On SSO (OAuth Client).
• Allez à Configurer OAuth onglet et sélectionnez Application OAuth 2.0 personnalisée du Applications sur mesure liste.
• Entrez l'ID client et le secret client générés à partir de l'application Instagram.
• Entrez la portée et les points finaux indiqués dans le tableau ci-dessous.
• Cliquez sur le Épargnez pour enregistrer la configuration et cliquez sur le bouton Configuration du test.

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

2. Configurez WordPress en tant que client OAuth

• Test d'anglais
• Premium

• Cliquez sur 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 Instagram.

• Copiez le URL de rappel à utiliser dans la configuration du fournisseur OAuth et cliquez sur Suivant.

• Configurer Nom de l'application. Copiez et collez les points de terminaison du tableau ci-dessous.



Identité du client:	depuis l'application Instagram configurée
Secret du client:	depuis l'application Instagram configurée
Portée:	profil_utilisateur utilisateur_media
Autoriser le point de terminaison :	https://api.instagram.com/oauth/authorize
Point de terminaison du jeton d’accès :	https://api.instagram.com/oauth/access_token
Obtenir le point de terminaison des informations utilisateur :	https://graph.instagram.com/me?fields=id,username&access_token=
URL de redirection personnalisée après la déconnexion :[optionnel]	https://instagram.com/accounts/logout



• Entrez les informations d'identification du client comme ID client et secret client comme indiqué dans la boîte de dialogue de configuration. Entrez la valeur de la portée comme profil_utilisateur, média_utilisateurCliquez sur Suivant.

• Vérifiez les détails de configuration et cliquez sur Finition pour enregistrer la configuration.

• Cliquez sur Configurer OAuth et recherchez le nom de votre application pour ajouter une nouvelle application client à votre site Web, ici Instagram.

• Configurer Nom de l'application, ID client, secret client, domaine depuis l'application Instagram SSO

• 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 comme client OAuth pour obtenir la connexion Instagram à 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.
  Par exemple: 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

• 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 Instagram 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 Instagram SSO. Vous pouvez maintenant tester l'authentification unique (SSO) d'Instagram.

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 Instagram SSO. Une fois que vous aurez cliqué sur le bouton de connexion, vous pourrez tester l'authentification unique (SSO) d'Instagram.


Dans ce guide, vous avez configuré avec succès Authentification unique Instagram (SSO) en configurant Instagram 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 Instagram en quelques minutes.

Ressources additionnelles

• API Instagram Graph en tant que fournisseur OAuth / OpenID Connect
• Authentification unique WordPress (SSO) OAuth / OpenID Connect / JWT
• Qu'est-ce qu'OAuth 2.0 et comment ça marche ?
• Foire aux questions (FAQ)

Besoin d'aide?

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.