Integrasi Login Sosial
Integrasikan penyedia login sosial populer (misalnya Google dan GitHub) ke dalam aplikasi Anda menggunakan klien OAuth2 Spring Security.
Integrasi Login Sosial adalah pelajaran Spring Security 6 & JWT Authentication gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Spring Security 6 & JWT Authentication, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Spring Security 6 & JWT Authentication mencakup 4 pelajaran total.
Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.
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!
Belajar Java dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 12
- Pelajaran
- 48
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Integrasi Login Sosial” gratis?
Ya — teks lengkap “Integrasi Login Sosial” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Spring Security 6 & JWT Authentication, upgrade ke CoddyKit PRO. Kursus Spring Security 6 & JWT Authentication mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Integrasi Login Sosial”?
Integrasikan penyedia login sosial populer (misalnya Google dan GitHub) ke dalam aplikasi Anda menggunakan klien OAuth2 Spring Security. Kamu berlatih Spring Security 6 & JWT Authentication dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Spring Security 6 & JWT Authentication?
Tidak diperlukan pengalaman sebelumnya. Spring Security 6 & JWT Authentication di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.
Berapa lama pelajaran “Integrasi Login Sosial” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Spring Security 6 & JWT Authentication ini?
Ya. Setiap pelajaran Spring Security 6 & JWT Authentication menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Penyiapan Klien OAuth2
- Integrasi Login Sosial
- Penangan Sukses OAuth2 Kustom
- Mengakses Pengguna OAuth2 yang Terautentikasi