Connexion Djaboo-social login : Comment ça marche ?

Table des matières

Fonctionnalités #

  • Intégrez la connexion Google.
  • Intégrez la connexion Facebook.
  • Il se connectera directement à votre tableau de bord sans entrer votre mot de passe.
  • Si le compte sélectionné n’existe pas dans RISE et que l’inscription du client est activée, un nouvel utilisateur client sera créé et connecté.

Vous obtiendrez les paramètres de connexion sociale dans Paramètres > Plugins > Connexion sociale .

Google #

Suivez ces étapes pour configurer Google Login :

  1. Allez sur https://console.developers.google.com/apis/
  2. Connectez-vous avec vos identifiants Google si vous n’êtes pas connecté.
  3. Si vous n’avez pas encore de projet, vous devrez en créer un. Vous pouvez le faire en cliquant sur le texte bleu « Créer un projet » sur le côté droit ! (Si vous avez déjà un projet, dans la barre du haut, cliquez plutôt sur le nom de votre projet, ce qui fera apparaître un modal et cliquez sur “Nouveau projet” .)
  4. Nommez votre projet puis cliquez à nouveau sur le bouton « Créer » !
  5. Une fois que vous avez un projet, vous vous retrouverez dans le tableau de bord. (Si vous avez déjà eu un projet auparavant, assurez-vous de sélectionner le projet créé dans la barre supérieure !)
  6. Cliquez sur le bouton « Écran de consentement OAuth » sur le côté gauche.
  7. Choisissez l’ option Externe pour Type d’utilisateur et appuyez sur ” Créer “.
  8. Entrez un nom pour votre application dans le champ ” Nom de l’application “, qui apparaîtra comme le nom de l’application demandant le consentement.
  9. Pour le champ ” E- mail d’assistance utilisateur “, sélectionnez une adresse e-mail que les utilisateurs peuvent utiliser pour vous contacter avec des questions concernant leur consentement.
  10. Dans la section « Domaines autorisés », appuyez sur le bouton « Ajouter un domaine » et entrez votre nom de domaine (sans les sous-domaines).
  11. Dans la section ” Coordonnées du développeur “, saisissez une adresse e-mail que Google pourra utiliser pour vous informer de toute modification apportée à votre projet.
  12. Appuyez sur « Enregistrer et continuer », puis appuyez à nouveau sur les pages « Scopes », « Tester les utilisateurs » !
  13. Sur le côté gauche, cliquez sur le point de menu ” Identifiants “, puis cliquez sur le bouton ” + Créer des identifiants ” dans la barre du haut.
  14. Choisissez l’ option ” ID client OAuth “.
  15. Sélectionnez l’« Application Web » sous Type d’application.
  16. Saisissez un ” Nom ” pour votre ID client OAuth.
  17. Dans la section ” URI de redirection autorisés “, cliquez sur ” Ajouter un URI ” et ajoutez l’URL suivante : https://votredomaine.com/index.php/social_login/authenticate_google_login . Vous le trouverez dans votre paramètre d’intégration.
  18. Cliquez sur le bouton ” Créer “
  19. Un modal devrait apparaître avec vos informations d’identification. Si cela ne se produit pas, allez dans les informations d’identification dans le menu de gauche et sélectionnez votre application en cliquant sur son nom et vous pourrez copier le ” Client ID ” et le ” Client Secret ” à partir de là.
  20. Ajoutez-les à RISE et cliquez sur Enregistrer et autoriser
  21. Lors de la récupération de l’accès à l’API, assurez-vous que l’état de Google Login affiche Authorized .
Facebook #

Suivez ces étapes pour configurer Facebook Login :

  1. Allez sur https://developers.facebook.com/apps/
  2. Connectez-vous avec vos identifiants Facebook si vous n’êtes pas connecté
  3. Cliquez sur le bouton « Create App » et dans la Popup choisissez le type d’App « Consumer » !
  4. Si vous voyez le message « Devenir Développeur Facebook », alors vous devez cliquer sur le bouton vert « S’inscrire maintenant », remplir le formulaire puis enfin vérifier votre compte.
  5. Remplissez ” Nom d’affichage de l’application “, ” E- mail de contact de l’application “. Le “Nom d’affichage de l’application” spécifié apparaîtra sur votre écran de consentement .
  6. Facultatif : choisissez un ” Compte Business Manager ” dans la popup, si vous en avez.
  7. Cliquez sur le bouton « Créer une application » et terminez le contrôle de sécurité.
  8. Dans le panneau ” Ajouter un produit “, recherchez ” Connexion Facebook ” et cliquez sur ” Configurer “
  9. Sélectionnez « Web » et entrez l’URL complète de votre site dans le champ « URL du site ».
  10. Appuyez sur « Enregistrer »
  11. Cliquez sur l’ option ” Paramètres ” ce que vous trouvez sur le côté gauche, sous ” Produits – Connexion Facebook “
  12. Ajoutez l’URL suivante dans le champ ” URI de redirection OAuth valides ” : https://votredomaine.com/index.php/social_login/authenticate_facebook_login . Vous le trouverez dans votre paramètre d’intégration.
  13. Cliquez sur « Enregistrer les modifications »
  14. En haut à gauche, cliquez sur le point de menu « Paramètres », puis cliquez sur « Basique »
  15. Entrez votre nom de domaine dans le champ ” App Domains “. (Exemple : votredomaine ou sous-domaine.votredomaine)
  16. Remplissez le champ « URL de la politique de confidentialité ». Fournissez une politique de confidentialité accessible au public et facilement accessible qui explique quelles données vous collectez et comment vous utiliserez ces données.
  17. Dans ” Suppression des données utilisateur “, choisissez l’ option ” URL des instructions de suppression des données “. Vous pouvez entrer l’URL de votre site ici, car dans RISE, seuls les utilisateurs du client ont la possibilité de supprimer leurs comptes (si le paramètre est activé) et seuls les administrateurs peuvent supprimer les membres de l’équipe.
  18. Sélectionnez une « Catégorie », une « icône d’application » et choisissez l’ option « Objectif de l’application » qui décrit le mieux votre application, puis appuyez sur « Enregistrer les modifications »
  19. Votre application est actuellement privée, ce qui signifie que vous seul pouvez vous connecter avec. Dans la barre du haut, cliquez sur le commutateur à côté du libellé ” En développement “, puis cliquez sur le bouton ” Changer de mode “.
  20. En haut à gauche, cliquez sur le point de menu ” App Review “, puis cliquez sur ” Autorisations et fonctionnalités “
  21. Recherchez la ligne ” e- mail ” et cliquez sur ” Obtenir un accès avancé “. Confirmez depuis le modal.
  22. Recherchez la ligne ” public_profile ” et cliquez sur ” Obtenir un accès avancé “. Confirmez depuis le modal.
  23. En haut à gauche, cliquez sur le point de menu « Paramètres », puis cliquez sur « Basique »
  24. En haut de la page, vous pouvez trouver votre ” App ID ” et vous pouvez voir votre ” App secret “.
  25. Ajoutez-les à RISE et cliquez sur Enregistrer et autoriser
  26. Lors de la récupération de l’accès à l’API, assurez-vous que l’état de la connexion Facebook indique Autorisé .

Maintenance de l’application Facebook :

Vérification de l’utilisation des données Facebook : pour protéger la vie privée des utilisateurs, Facebook peut vous demander de remplir certains formulaires, afin qu’ils puissent s’assurer que votre accès à l’API et l’utilisation de vos données sont conformes aux politiques de Facebook.
Nouveaux niveaux d’accès aux données : Facebook a commencé à remplacer le commutateur Mode de développement / Mode en direct dans certaines applications avec un accès standard (ancien mode de développement) et un accès avancé (ancien mode en direct), qui peuvent être modifiés sur la page Autorisations et fonctionnalités . Vous pouvez accéder à cette page à partir du menu de gauche de votre application, sous Examen de l’application .