본문 바로가기
SpringSecurity OAuth2

[6강] 구글 로그인 준비

by 서영선 2023. 7. 29.

😜 <준비>😜

 

1. 구글 API 콘솔 검색

2. 새 프로젝트 생성

 

3. OAuth "외부" 동의하기

 

4. OAuth 클라이언트 ID 생성

승인된 리디렉션 URI : http://localhost:8080/login/oauth2/code/google 로 설정

클라이언트 ID와 비밀번호는 따로 파일 만들어 저장하기

 

 

5. build.gradle에 oauth 설정 추가

 

6. application.yml 에 구글 client ID와 비밀번호 입력 -> gitIgnore 에 파일 등록할 것!!

 

7. loginForm.html에 로그인 주소 추가 ("/oauth2/authorization/google")

<head>
    <meta charset="UTF-8">
    <title>로그인 페이지</title>
</head>
<body>
    <h1>로그인 페이지</h1>
    <hr/>
    <form action="/login" method="POST">
        <input type="text" name="username" placeholder="이름을 입력하세요"> <br/>
        <input type="password" name="password" placeholder="비밀번호를 입력하세요"> <br/>
        <button>로그인</button>
    </form>
    <a href="/oauth2/authorization/google">google 로그인</a>
    <a href="/joinForm">아직 회원가입을 안하셨나요?</a>
</body>
</html>

 

 

8.  SecurityConfig에 OAuthClient 설정 추가

 

.oauth2Login(httpSecurityOAuth2LoginConfigurer -> httpSecurityOAuth2LoginConfigurer.loginPage("/loginForm"))

 

 

 

 

 

 


😁< 결과 >😁

로그인 폼 페이지

구글 로그인을 클릭하면

계정이 잘뜨는 것을 확인할 수 있다!!

 

 

 

 

 

 

'SpringSecurity OAuth2' 카테고리의 다른 글

<Step 3> OAuth2.0 Client  (0) 2023.09.19
<Step 2> OAuth2 권한 부여 타입  (0) 2023.09.03
<Step 1> OAuth 2.0 개념  (0) 2023.09.02
<Step 0> 선수 지식 - Spring Security  (0) 2023.08.31
[10강] 페이스북 로그인  (0) 2023.08.02

댓글