Qu'est-ce que la connexion sociale ?
La connexion sociale permet aux utilisateurs de se connecter à n'importe quel site Web en utilisant diverses plateformes de réseautage telles que Facebook, Google ou Twitter. Il s'agit d'une forme d'authentification unique pour les utilisateurs, conçue et mise en œuvre pour faciliter la connexion des utilisateurs finaux. Grâce à la connexion sociale, les utilisateurs peuvent se connecter à n'importe quel site Web tiers sans avoir à créer de compte.
Comment fonctionne la connexion sociale ?
Le processus de connexion sociale est extrêmement simple. Les utilisateurs accèdent à votre site Web et sélectionnent le fournisseur de connexion sociale auquel ils souhaitent se connecter. Ils renseignent leurs coordonnées sur le site du fournisseur de réseau social. Une fois le processus d'authentification terminé par le fournisseur social, l'utilisateur peut commencer à utiliser votre site Web TYPO3. S'il s'agit d'un nouvel utilisateur, il est enregistré et s'il s'agit d'un utilisateur existant, il est connecté.
Intégration de la connexion sociale Google (Google SSO) pour TYPO3 à l'aide du protocole OAuth 2.0.
miniOrange Social Login permet à vos utilisateurs d'utiliser leur compte Google pour se connecter/s'inscrire à votre site Web TYPO3. Offrez à vos utilisateurs le meilleur choix, sans mémoriser les mots de passe, pour se connecter/s'inscrire sur votre site Web TYPO3. Configurez le plugin TYPO3Google de miniOrange en quelques étapes simples et configurez Google.
Comment afficher un bouton de connexion Google sur mon site TYPO3 ?
Si vous ne parvenez pas à ajouter des icônes de connexion Google Social sur votre page de connexion/inscription personnalisée de vos sites Web, vous pouvez utiliser notre. Cela vous permet d'afficher l'option de connexion avec Google lorsqu'un utilisateur tente de s'inscrire ou de se connecter à votre site Web. De nombreuses personnes aiment ce bouton car elles pourraient gagner du temps car elles n'ont pas besoin de s'inscrire et de mémoriser également le mot de passe. Tout ce dont ils ont besoin, c'est de leurs comptes Google existants.
La connexion sociale TYPO3Google (Google Single Sign-On (SSO)) pour TYPO3 peut être obtenue en utilisant notre plugin TYPO3Social Login. Dans ce guide, nous verrons comment implémenter la connexion Google sur votre site Web TYPO3 de la manière la plus simple. Cliquez ici pour en savoir plus sur les autres fonctionnalités que nous proposons dans le plugin de connexion TYPO3Social.
Pré-requis : Téléchargement Et Installation
- Connectez-vous à votre instance Typo3 en tant qu'administrateur.
- Accédez à Extensions onglet du volet de gauche.
- Sélectionnez Obtenir l'extension dans la liste déroulante et recherchez Connexion sociale miniOrange et installez l'extension.
- Sélectionnez maintenant Extensions installées dans le menu déroulant, recherchez Social Login et activez l’extension.
Étapes pour configurer la connexion sociale Google dans TYPO3
Étape 1. Configurez la connexion sociale Google dans TYPO3
Suivez les étapes ci-dessous pour configurer la connexion Google dans TYPO3
Configurer la connexion sociale Google
- Accédez à la console des développeurs Google à l'adresse https://console.developers.google.com et Inscrivez-vous/Connectez-vous avec votre compte de développeur Google.
- Après vous être connecté, cliquez sur Créer un projet.
- Entrez un nom pour le projet et, éventuellement, modifiez l'ID de projet fourni. Cliquez sur Créer.
- Attendez que le projet soit créé.
- Cliquez sur le menu de gauche et accédez à API et services -> écran de consentement OAuth.
- Sélectionnez Externe comme type d'utilisateur et cliquez sur Créer.
- Vous êtes invité à modifier les informations sur l'application. Entrez le nom de l'application et l'e-mail d'assistance utilisateur.
- Sur l'écran Scopes, cliquez sur Ajouter ou supprimer des étendues. Vérifier '.../auth/userinfo.email' ainsi que '.../auth/userinfo.profile'. Faites défiler vers le bas, cliquez sur Enregistrer et continuer.
- Sur l'écran Utilisateurs de test, cliquez sur Ajouter des utilisateurs. Ajoutez quelques utilisateurs de confiance pour tester votre application. Attention, ces utilisateurs ne peuvent pas être supprimés. Faites défiler vers le bas, cliquez sur Enregistrer et continuer. Faites défiler vers le bas, cliquez sur Retour au tableau de bord.
- Dans le menu de gauche, cliquez sur Informations d'identification, puis cliquez sur Créer des informations d'identification dans la liste déroulante, sélectionnez ID client Oauth.
- Dans la liste déroulante Type d'application, sélectionnez Application Web.
- Entrez le nom du client.
- Cliquez sur le bouton Ajouter une URL de redirection.
- Copiez l'URI de redirection du plugin de connexion sociale miniOrange.
- Collez l'URL copiée dans le champ URI de redirection.
- Copiez l'ID client et le secret client et collez-les dans le plugin miniOrange Social Login respectivement dans les champs App ID et App Secret.
- Cliquez sur le menu de gauche et accédez à API et services -> écran de consentement OAuth. Sous Statut de publication, cliquez sur Publier l'application et confirmez.
2. Définissez les informations d'identification dans le plugin de connexion sociale miniOrange
- Cliquez sur Plugin de connexion sociale miniOrange → Cliquez sur Configurer les applications → cliquez sur Google:
- Activez la connexion sociale Google pour TYPO3 en activant le bouton bascule.
- Copiez le Identité du client ainsi que Secret client formulaire ci-dessus et collez-les dans les champs des instructions Google.
- Entrez la portée requise.
- Puis cliquez sur Enregistrer et tester la configuration .
- Une nouvelle fenêtre apparaîtra maintenant et vous demandera de vous connecter à votre compte Google. Connectez-vous avec le compte que vous avez utilisé pour enregistrer le compte dans Google for Developer. Appuyez sur Continuer en tant que… pour terminer le processus de connexion.
- Une notification du plugin indiquant que le test a réussi s'affichera. Cela signifie que votre application personnalisée sera configurée correctement.
- Maintenant, accédez à la page de connexion client. Ici, vous remarquerez que le bouton Google Social Login a été activé. Les clients peuvent désormais se connecter à l'aide de leurs informations d'identification Google.
Vous avez configuré avec succès la connexion sociale Google pour le site Web TYPO3.
Ressources additionnelles
Si vous cherchez quelque chose que vous ne trouvez pas, envoyez-nous un e-mail à info@xecurify.com
