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

Marché

L'authentification unique (SSO) Google Classroom via l'extension WordPress OAuth & OpenID Connect permet de se connecter à votre site WordPress à l'aide des identifiants Google Classroom et d'autres fournisseurs d'authentification standard et 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. Pour en savoir plus sur l'intégration de Google Classroom à WordPress et sur les autres fonctionnalités offertes par l'extension OAuth Single Sign-On (client OAuth/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.

Nous proposons l'authentification unique (SSO) pour WordPress avec plusieurs établissements d'enseignement. Vous trouverez ci-dessous quelques exemples populaires.

Intelligent

Lien de classe

Toile

Vous ne trouvez pas votre établissement de formation ? Cliquez ici pour en savoir plus.

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

1. Configurer Google Classroom comme fournisseur OAuth

• Allez dans https://console.developers.google.com/ et inscrivez-vous/connectez-vous.
• Cliquez sur Sélectionnez un projet Pour créer un nouveau projet Google Apps, une fenêtre contextuelle affichant la liste de tous vos projets apparaîtra.

• Vous pouvez cliquer sur le Nouveau projet bouton pour créer un nouveau projet.

• Entrez le nom de votre projet sous le Nom Du Projet champ et cliquez sur Créer.

• Allez dans le menu de navigation Apis Services Titres de compétences.

• Cliquez sur Créer des identifiants puis sélectionnez ID client OAuth parmi les options proposées.

• Si vous recevez un avertissement indiquant que pour créer un identifiant client OAuth, vous devez définir un nom de produit sur l'écran de consentement (comme indiqué dans l'image ci-dessous). Clique sur le Configurer l'écran de consentement .

• Entrez les détails requis tels que Nom de l'application, e-mail d'assistance utilisateur, Et cliquez sur Sauvegarder et continuer .

• Maintenant, pour configurer les étendues, cliquez sur Ajouter ou supprimer les étendues .

• Maintenant, sélectionnez le Scopes pour permettre à votre projet d'accéder à certains types de données privées des utilisateurs depuis leur compte Google et cliquez sur Sauvegarder et continuer .

• Rendez-vous dans la section Onglet Informations d'identification et cliquez sur Créer des identifiants bouton. Sélectionner Application Web dans la liste déroulante pour créer une nouvelle application.

• Entrez le nom que vous souhaitez pour votre ID client dans le champ du nom et entrez le URI de redirection/de rappel à partir du plugin/module miniOrange OAuth Client sous le URI de redirection autorisées champ et cliquez sur Créer .

• Vous verrez apparaître une fenêtre contextuelle contenant l'ID client et le secret client. Copiez votre identité du client et Secret client et enregistrez-le sur la configuration du plugin miniOrange OAuth Client.

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

Google Classroom est désormais configuré avec succès comme fournisseur OAuth pour permettre la connexion SSO Google Classroom à 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 Google.

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

• Vous devez saisir le Nom de l'application et points de terminaison Pour cela, veuillez vous référer au tableau ci-dessous et cliquer sur Suivant.

Autoriser le point de terminaison :	https://accounts.google.com/o/oauth2/auth
Point de terminaison du jeton d’accès :	https://www.googleapis.com/oauth2/v4/token
Obtenir le point de terminaison des informations utilisateur :	https://www.googleapis.com/oauth2/v1/userinfo

• Entrez les informations d'identification du client comme ID client et secret client comme indiqué dans la boîte de dialogue de configuration. Saisissez les valeurs de portée comme suit : e-mail profil openid. Cliquez sur Suivant.

• Cliquez sur Finition pour enregistrer la configuration.

Vous avez configuré avec succès WordPress en tant que client OAuth pour permettre l'authentification des utilisateurs via l'authentification unique (SSO) Google Classroom sur 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. Google.

• Insérez votre domaine Google ici et configurez identité du client et Secret client reçu de la configuration de Google et cliquez Enregistrer les paramètres.

• 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 Google Single Sign-On (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 toutes les valeurs renvoyées par votre fournisseur OAuth à WordPress dans un tableau. Si vous ne voyez pas de valeur pour le prénom, le nom, l'adresse e-mail ou le nom d'utilisateur, configurez 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 Dans l'onglet, vous obtiendrez la liste des attributs dans les menus déroulants.

4 : Cartographie des rôles [Premium]

• Cliquez sur « Configuration de test » 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 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-lui le rôle WordPress requis sous Rôle WordPress.
  
  Par exemple, Dans 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 « enseignant » seront ajoutés en tant qu'administrateurs dans WordPress et les utilisateurs ayant le rôle « étudiant » seront ajoutés en tant qu'abonnés.

Étape 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 Okta sur 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 ; vous y trouverez le bouton de connexion SSO Google Classroom. Vous pouvez tester l’authentification unique (SSO) Google Classroom 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 trouverez un bouton de connexion SSO Google Classroom. En cliquant dessus, vous pourrez tester l'authentification unique (SSO) de Google Classroom.

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

Articles Relatifs

• Qu’est-ce qu’OAuth 2.0 ?
• Accédez aux API Google via OAuth 2.0
• SSO pour WordPress
• Intégration de Google Classroom
• Intégrez Google Classroom à WordPress maintenant !
• Foire Aux Questions (FAQ)