[1] Google

1. https://console.cloud.google.com 접속

2. 새 프로젝트 생성

3. OAuth 동의 화면 구성

     A. API 및 서비스 > OAuth 동의 화면 클릭
  B. 앱 정보 : 앱 이름, 사용자 지정 이메일 작성
  C. 접근 범위 지정 : ex) email, profile

  D. 테스트 사용자는 생략 후 OAuth 동의 화면 구성 완료

4. 사용자 인증 정보 발급

   A. API 및 서비스 > 사용자 인증 정보 클릭
   B. 사용자 인증 정보 만들기 > OAuth 클라이언트 ID 클릭
       i. 승인된 리디렉션 Uri(OAuth 2.0 서버가 응답을 보낼 수 있는 엔드포인트) 추가
   C. 발급된 인증 정보 확인

5. application.yml에 발급받은 정보 입력

security:
  oauth2.client:
    registration:
      google:
        clientId: ‘발급받은 클라이언트 ID’
        clientSecret: ‘발급받은 클라이언트 보안 비밀번호’
        redirectUri: http://localhost:8080/login/oauth2/code/google
        scope:
          - email
          - profile

---

[2] Kakao

1. https://developers.kakao.com 접속

2. 내 애플리케이션 > 애플리케이션 추가 클릭

3. 앱 설정 > 플랫폼 클릭

   A. Web 플랫폼 등록 클릭 : 테스트 목적이기 때문에 localhost:8080으로 등록

4. 제품 설정 > 카카오 로그인 클릭

   A. 활성화 설정 > 상태 : ON
   B. Redirect URI(OAuth 2.0 서버가 응답을 보낼 수 있는 엔드포인트) 등록

5. 제품 설정 > 카카오 로그인 > 동의 항목

   A. 사용자가 카카오 로그인할 때 수집해야 할 정보들의 목록에 대한 동의 여부 항목.

6. 앱 설정 > 앱 키 > REST API 확인

7. application.yml에 정보 입력

   A. naver, kakao 등 OAuth2-client 라이브러리가 제공하지 않는 provider는 직접 등록해주어야된다.

security:
  oauth2.client:
    registration:
      kakao:
        clientId: ‘REST API 키’
        clientAuthenticationMethod: post
        authorizationGrantType: authorization_code
        redirectUri: http://localhost:8080/login/oauth2/code/kakao
        scope:
          - profile_nickname
          - account_email
        clientName: Kakao
    provider:
      kakao:
        authorizationUri: https://kauth.kakao.com/oauth/authorize
        tokenUri: https://kauth.kakao.com/oauth/token
        userInfoUri: https://kapi.kakao.com/v2/user/me
        userNameAttribute: id

---

[3] Naver

1. https://developers.naver.com/main/ 접속

2. Application > 내 애플리케이션 클릭

3. 애플리케이션 등록 클릭

   A. 사용 API : 네이버 로그인 선택
   B. 제공 정보 선택 : ex) 회원이름, 연락처 이메일 주소

   C. 서비스 환경 : PC 웹 선택
   D. 서비스 URL에 테스트 목적이므로 localhost:8080 등록, Callback URL(OAuth 2.0 서버가 응답을 보낼 수 있는 엔드포인트) 등록

4. 모든 정보 입력 후 등록하기 클릭

   A. 개요에서 Client ID와 Client Secret 확인 가능

5. applicati개요에서 Client ID와 Client Secret 확인 가능on.yml에 정보 입력

   A. naver, kakao 등 OAuth2-client 라이브러리가 제공하지 않는 provider는 직접 등록해주어야된다.

security:
  oauth2.client:
    registration:
      naver:
        clientId: ‘발급받은 정보 입력’
        clientSecret: ‘발급받은 정보 입력’
        clientAuthenticationMethod: post
        authorizationGrantType: authorization_code
        redirectUri: http://localhost:8080/login/oauth2/code/naver
        scope:
          - nickname
          - email
          - profile_image
        clientName: Naver
      provider:
        naver:
          authorizationUri: https://nid.naver.com/oauth2.0/authorize
          tokenUri: https://nid.naver.com/oauth2.0/token
          userInfoUri: https://openapi.naver.com/v1/nid/me
          userNameAttribute: response