- Créer des identifiants OAuth Google dans Google Auth Platform.
- Configurer et tester une connexion sociale Google dans l’Auth0 Dashboard.
Avant de commencer
Avant de configurer Google comme connexion sociale, vous devez disposer des éléments suivants :
- Un compte Auth0. Si vous n’en avez pas, vous pouvez vous inscrire gratuitement.
- Un compte Google Developer.
- Un projet Google.
- Une application enregistrée dans l’Auth0 Dashboard.
Google Auth Platform
- Configurer l’écran de consentement Google.
- Créer un client OAuth 2.0 Google.
Configurer l’écran de consentement Google
Si votre application demande des scopes OAuth sensibles ou utilise une image personnalisée, Google la limite à 100 connexions jusqu’à ce que l’écran de consentement OAuth soit vérifié. La vérification de l’écran de consentement peut prendre plusieurs jours.
Configurer l’image de marque
Accédez à Google Auth Platform > Branding. Pour Authorized domains, saisissez
auth0.com. Si vous utilisez un domaine personnalisé, saisissez plutôt votre domaine personnalisé.Configurer l’audience
Accédez à Google Auth Platform > Audience. Pour User type, sélectionnez Make External. Dans Test Users, vous pouvez ajouter les adresses de courriel que vous souhaitez utiliser pour les tests.
Configurer l’accès aux données
Accédez à Google Auth Platform > Data Access pour ajouter ou supprimer des scopes. Pour en savoir plus, consultez OAuth 2.0 Scopes for Google APIs dans la documentation de Google.
Créer un client OAuth 2.0 Google
- Si vous n’avez pas configuré de domaine personnalisé, votre nom de domaine Auth0 est
YOUR_TENANT_NAME.YOUR_REGIONAL_SUBDOMAIN.auth0.com. Votre URI de redirection esthttps://YOUR_TENANT_NAME.YOUR_REGIONAL_SUBDOMAIN.auth0.com/login/callback. - Si vous avez configuré un domaine personnalisé, utilisez plutôt ce domaine. Votre URI de redirection est
https://YOUR_CUSTOM_DOMAIN/login/callback.
Si vous avez créé votre locataire aux États-Unis avant juin 2020, votre nom de domaine Auth0 n’inclut pas le sous-domaine régional :
YOUR_TENANT_NAME.auth0.com.Saisir les détails de votre client
Saisissez les renseignements suivants pour votre client OAuth 2.0 :
Remplacez
| Champ | Valeur |
|---|---|
| Nom | Le nom de votre client OAuth 2.0 |
| Origines JavaScript autorisées | https://YOUR_DOMAIN |
| URI de redirection autorisées | https://YOUR_DOMAIN/login/callback |
YOUR_DOMAIN par le domaine Auth0 trouvé à l’étape précédente.Configurer Auth0
Créer une connexion sociale Google
Accédez à Auth0 Dashboard > Authentication > Social. Sélectionnez Create Connection, puis Google/Gmail.
Saisir un nom et vos identifiants Google
Dans General, saisissez un Name pour la connexion, ainsi que les identifiants du client OAuth 2.0 Google que vous avez créé :
- ID client : l’identifiant unique de votre application.
- Secret client : le secret utilisé par Auth0 pour s’authentifier auprès de Google au nom de votre application.
Sélectionner les autorisations et enregistrer
Sélectionnez les autorisations à activer pour la connexion. La plupart des applications ont besoin de Basic Profile pour obtenir le courriel de l’utilisateur et l’indicateur de courriel vérifié, ainsi que de Extended Profile pour le nom, la photo et d’autres détails du profil.Sélectionnez Save Changes.
Tester la connexion
- Accédez à Auth0 Dashboard > Authentication > Social.
- Sélectionnez la connexion Google dans la liste.
- Sélectionnez Try Connection.
- Authentifiez-vous avec votre compte Google lorsque vous y êtes invité.
- Confirmez qu’Auth0 renvoie les données du profil utilisateur, y compris son nom et son adresse courriel.