Intégration du client Joomla OAuth avec l'authentification unique (SSO) de Facebook
Vue d'ensemble
Ce guide présente en détail la configuration de notre extension client OAuth pour Joomla afin de permettre la connexion des utilisateurs via Facebook. En suivant ces étapes, vous pourrez ajouter un bouton « Connexion avec Facebook » à votre site, offrant ainsi aux utilisateurs un moyen rapide et pratique de s'inscrire et de se connecter.
L'intégration de Facebook Login est l'un des moyens les plus efficaces pour simplifier l'inscription. Étant donné qu'un grand nombre d'utilisateurs possèdent déjà un compte Facebook, cette méthode de connexion sociale leur permet d'accéder à votre site en un seul clic, sans avoir à créer et mémoriser de nouveaux identifiants.
Pour configurer l'authentification unique OAuth entre Joomla et Facebook, vous pouvez également suivre cette étape par étape Configuration de la vidéo.
Étapes de configuration
Dans cette configuration, Facebook fonctionne comme le serveur OAuth, tandis que Joomla permet aux utilisateurs de se connecter avec leurs identifiants Facebook en utilisant le Plugin client Joomla OAuth.
Étape 1 : Installer le plug-in client Joomla OAuth
- Connectez-vous à votre site Joomla Administratrice console.
- Dans le menu bascule de gauche, cliquez sur Système, puis sous la section Installer, cliquez sur Extensions.
- Maintenant, cliquez sur Ou Rechercher un fichier pour localiser et installer le fichier du plugin téléchargé précédemment.
- L'installation du plugin est réussie. Cliquez maintenant sur Commencer ici!
- Sous Configurer OAuth -> Applications préconfigurées onglet, sélectionnez votre Fournisseur OAuthVous pouvez également configurer votre propre fournisseur personnalisé en accédant à la section correspondante. Application personnalisée languette.
- Après avoir sélectionné votre fournisseur OAuth, copiez le URL de rappel/redirection que nous utiliserons pour configurer le serveur OAuth, puis cliquez sur le Enregistrer et suivant .
Étape 2 : Configurer Facebook comme serveur OAuth
- Connectez-vous à votre Développeur Facebook console.
- Allez dans Mes applications.
- Pour créer une nouvelle application OAuth, cliquez sur le Créer une application bouton dans le Toutes les applications .
- Sélectionnez « Que voulez-vous que votre application fasse ? » sur le Créer une application section. Cliquez ensuite sur le Suivant pour continuer.
- Dans l'écran suivant, Sélectionnez un type d'application et sélectionnez Consommateur, puis cliquez sur le Suivant bouton. (Une fois votre application créée, le type d'application ne peut pas être modifié.)
- Dans l' DÉTAILS section, entrez le nom de l'application dans le champ Ajouter un nom d'application champ de texte et le E-mail de contact de l'application (la valeur par défaut est l'adresse e-mail de votre compte Facebook), puis cliquez sur le bouton Créer une application .
- Lorsque vous cliquez sur le bouton « Créer une application », une fenêtre de dialogue apparaît. Pour votre sécurité, vous devez ressaisir votre mot de passe pour continuer.
- Dans l' Ajoutez un produit à votre application écran, cliquez sur le bouton Mettre en place bouton de la carte de connexion Facebook.
- Accédez à Produits à partir du panneau de navigation de gauche, puis Facebook Connexion et Paramètres.
- 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). Paramètres OAuth du client, collez le précédemment copié URL de rappel/redirection into the URI de redirection OAuth valides champ de texte.
Étape 3 : Configurer l’ID client et le secret
- Allez dans Paramètres -> De base pour afficher votre identifiant d'application et votre secret d'application (reportez-vous à l'image ci-dessous).
- Copiez le ID d'application et secret d'application qui est votre identifiant client et votre secret client et enregistrez-le dans votre plug-in client OAuth miniOrange.
- Retournez à votre Tableau de bord Joomla. Ensuite aller à Étape 2 dans le Configurer OAuth languette.
- Collez le ID client, secret client et locataire. Définissez également les informations d'identification du client Dans l'en-tête et le corps puis cliquez sur Enregistrer les paramètres. Une fois les paramètres enregistrés, cliquez sur Enregistrer la configuration.
- La portée et les points de terminaison sont indiqués ci-dessous, qui sont nécessaires pour configurer Joomla en tant que plugin client OAuth pour configurer Facebook en tant que fournisseur OAuth ou OIDC personnalisé.
| Domaine | e-mail de profil_public |
| 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 |
| Définir les informations d'identification du client | Dans l'en-tête et dans le corps |
Étape 4 : Configurer le mappage d’attributs
- Le mappage des attributs utilisateur est obligatoire pour permettre aux utilisateurs de se connecter avec succès à Joomla. Nous allons configurer les attributs du profil utilisateur pour Joomla en utilisant les paramètres ci-dessous.
- Allez dans Étape 3 dans le Configurer OAuth onglet et cliquez sur Configuration des tests .
- Vous pourrez voir les attributs dans la sortie de configuration de test comme suit.
- Sélectionnez maintenant le nom de l'attribut pour E-mail et nom d'utilisateur dans le menu déroulant. Cliquez ensuite sur Terminer la configuration .
Étape 5 : Configurer l'URL de connexion/SSO
- Maintenant, allez à Étape 4, ici copiez le URL de connexion/SSO et ajoutez-le à votre site.
- Déconnectez-vous maintenant et accédez aux pages de votre site Joomla où vous avez ajouté ce lien. Vous verrez un lien de connexion à l'endroit où vous avez placé ce bouton. Cliquez sur ce bouton pour effectuer le SSO.
