구글 소셜 로그인 구현 2

[OAuth2 + JWT] 소셜 로그인 구현(Google, Naver, Kakao, Apple)

소셜 로그인을 구현하기에 앞서 책임 분배를 어떻게 할지 정해보자1. Front2. Back[개발 환경]Front : React Native ExpoBack : Spring Boot[구현할 소셜 로그인]Google, Naver, Kakao, Apple 1의 경우 라이브러리를 install 해서 구현 가능인증을 끝내고 사용자 정보를 Back으로 보내면 됨 2의 경우 웹 뷰를 띄워서 해당 앱에서 로그인하는 방식Oauth2 Provider를 통해 리디렉션 방식으로 인증 수행 1로 구현하면 앱 내부에서 로그인 가능2로 구현할 경우 해당 앱(Google, Naver, Kakao, Apple)으로 넘어가서 로그인을 하는 방식 크게 정리하면 위와 같은데 토큰 관리 및 보안상의 이유로 2번을 선택함(보안상의 이유는 Ba..

[OAuth] 구글 소셜 로그인 구현 (2) - javascript로 연동

javascript로 google login 하기 💡OAuth 클라이언트 ID, Secret 생성에 대해 알고싶다면 이전글 확인 기존 방식을 사용해서 하다보면 migration 하라는 에러를 만날 수 있기에 수정된 버전으로 구현해보자😊 구현 중 여러 오류들을 만났고, 이를 해결한 최종 코드 공유👍 1️⃣ body안에 script 태그 삽입 2️⃣ 원하는 위치에 구글 로그인 달기 3️⃣ 로그인 정보를 가져오기 위한 handleCredentialResponse 함수 생성 function handleCredentialResponse(response) { // decodeJwtResponse() is a custom function defined by you // to decode the credential r..