Spring Security 6 & JWT Authentication · レッスン

ソーシャルログインの統合

Spring SecurityのOAuth2クライアントを使用して、GoogleやGitHubなどの主要なソーシャルログインプロバイダーをアプリケーションに統合します。

「ソーシャルログインの統合」はCoddyKit上の無料Spring Security 6 & JWT Authenticationレッスンです。これはレッスン2/4です。下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。これはSpring Security 6 & JWT Authentication学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Spring Security 6 & JWT Authenticationコースには全4レッスンが含まれています。

このレッスンの一部はまだ翻訳されておらず、英語で表示されています。

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_SECRET

Minimal 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>&lt;a href="/oauth2/authorization/google"&gt;Login with Google&lt;/a&gt;</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.properties and enable .oauth2Login() in your security chain.
Finally, you learned how to access authenticated user details using the OAuth2User object.

Social login significantly enhances user experience and simplifies authentication!

よくある質問

「ソーシャルログインの統合」レッスンは無料ですか？

はい。「ソーシャルログインの統合」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Spring Security 6 & JWT Authenticationコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Spring Security 6 & JWT Authenticationコースには全4レッスンが含まれています。

「ソーシャルログインの統合」で何を学びますか？

Spring SecurityのOAuth2クライアントを使用して、GoogleやGitHubなどの主要なソーシャルログインプロバイダーをアプリケーションに統合します。ブラウザで直接実行するハンズオンコードでSpring Security 6 & JWT Authenticationを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Spring Security 6 & JWT Authenticationを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのSpring Security 6 & JWT Authenticationは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。これはレッスン2/4です。

「ソーシャルログインの統合」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このSpring Security 6 & JWT Authenticationレッスンでコードを書いて実行できますか？

はい。すべてのSpring Security 6 & JWT Authenticationレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

← Spring Security 6 & JWT Authenticationに戻る