Intégration de la connexion via les réseaux sociaux
Intégrez à votre application des fournisseurs courants de connexion via les réseaux sociaux (par exemple Google et GitHub) à l’aide du client OAuth2 de Spring Security.
Intégration de la connexion via les réseaux sociaux est une leçon Spring Security 6 & JWT Authentication gratuite sur CoddyKit. Ceci est la leçon 2 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Spring Security 6 & JWT Authentication, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Spring Security 6 & JWT Authentication comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
Social Login: Easy Access
Welcome to social login! Ever seen buttons like "Sign in with Google" or "Login with GitHub"? That's social login in action.
It lets users sign into your application using their existing accounts from popular identity providers. This means less friction for users and no new passwords to remember!
Spring Security Simplifies It
Integrating social login manually can be tricky, involving many redirects and token exchanges. But don't worry!
Spring Security provides powerful, out-of-the-box support for OAuth2 clients. It handles most of the complex flow for you, making it straightforward to add providers like Google, GitHub, or Facebook.
Your App as an OAuth2 Client
In the context of social login, your application acts as an OAuth2 Client. This client needs to be registered with the social identity provider (which is the Authorization Server).
This registration process gives your application unique credentials: a Client ID and a Client Secret.
Registering with Google (Part 1)
Let's use Google as a practical example. To enable Google Sign-In, you first need to register your application with the Google Cloud Console.
- Create a new project.
- Go to APIs & Services > OAuth consent screen to configure user-facing information.
This tells Google who your app is and what it wants to do.
Registering with Google (Part 2)
Next, you'll create OAuth client ID credentials. Choose 'Web application' as the application type.
The most crucial step is setting the 'Authorized redirect URIs'. This is where Google will send the user back after successful authentication.
- For local development, this is often
http://localhost:8080/login/oauth2/code/google. - You'll get a Client ID and Client Secret – keep these safe!
Spring Boot Configuration
With your Google Client ID and Secret, you can now configure your Spring Boot application's application.properties (or .yml) file.
Spring Security uses a convention for naming these properties. Just replace the placeholder values with your actual credentials.
spring.security.oauth2.client.registration.google.client-id=YOUR_GOOGLE_CLIENT_ID
spring.security.oauth2.client.registration.google.client-secret=YOUR_GOOGLE_CLIENT_SECRETMinimal Security Configuration
To enable OAuth2 social login, you need a basic Spring Security configuration. Spring Boot's defaults are very helpful here.
By simply calling .oauth2Login() on your HttpSecurity object, Spring Security automatically configures the necessary filters and endpoints to handle the OAuth2 flow.
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.web.SecurityFilterChain;
@Configuration
@EnableWebSecurity
public class SecurityConfig {
@Bean
public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
http
.authorizeHttpRequests(authorize -> authorize
.anyRequest().authenticated() // Require authentication for all requests
)
.oauth2Login(oauth2 -> oauth2
// Spring Security provides a default login page with social login links
);
return http.build();
}
}The Social Login Page
With the configuration in place, Spring Security will automatically generate a login page at /login (if no custom login page is specified).
This page will include links for each configured social provider. When a user clicks, they are redirected to the provider for authentication.
<p>Conceptual HTML for a login link:</p>
<code><a href="/oauth2/authorization/google">Login with Google</a></code>
<p>Spring Security handles the redirection to Google and processes the response.</p>Accessing User Details
After a successful social login, Spring Security populates the SecurityContext with the authenticated user's details.
You can inject an OAuth2User object into your controllers to access information like the user's name, email, or other attributes provided by the social identity provider.
import org.springframework.security.core.annotation.AuthenticationPrincipal;
import org.springframework.security.oauth2.core.user.OAuth2User;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
// This is a snippet of a Spring Boot controller.
// It needs a full Spring Boot application context to run.
@RestController
public class UserController {
@GetMapping("/user-info")
public String getUserInfo(@AuthenticationPrincipal OAuth2User oauth2User) {
if (oauth2User != null) {
String name = oauth2User.getAttribute("name");
String email = oauth2User.getAttribute("email");
return "Hello, " + name + "! Your email is " + email + ".";
}
return "User not authenticated via social login.";
}
}Social Login Quiz
You've learned how to set up social login! Let's test your understanding of the core components.
Social Login Recap
Great job! You've learned how to integrate social login into your Spring Boot application using Spring Security's OAuth2 client support.
- We understood the benefits of social login and Spring Security's role.
- We walked through setting up your app as an OAuth2 Client and registering it with a provider like Google.
- You saw how to configure
application.propertiesand enable.oauth2Login()in your security chain. - Finally, you learned how to access authenticated user details using the
OAuth2Userobject.
Social login significantly enhances user experience and simplifies authentication!
Questions Fréquemment Posées
La leçon « Intégration de la connexion via les réseaux sociaux » est-elle gratuite ?
Oui — le texte complet de « Intégration de la connexion via les réseaux sociaux » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Spring Security 6 & JWT Authentication, passe à CoddyKit PRO. Le cours Spring Security 6 & JWT Authentication comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Intégration de la connexion via les réseaux sociaux » ?
Intégrez à votre application des fournisseurs courants de connexion via les réseaux sociaux (par exemple Google et GitHub) à l’aide du client OAuth2 de Spring Security. Tu pratiques Spring Security 6 & JWT Authentication avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Spring Security 6 & JWT Authentication ?
Aucune expérience préalable n'est requise. Spring Security 6 & JWT Authentication sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 4.
Combien de temps prend la leçon « Intégration de la connexion via les réseaux sociaux » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Spring Security 6 & JWT Authentication ?
Oui. Chaque leçon Spring Security 6 & JWT Authentication inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Configuration d’un client OAuth2
- Intégration de la connexion via les réseaux sociaux
- Gestionnaire personnalisé de réussite OAuth2
- Accéder à l’utilisateur OAuth2 authentifié