본문으로 바로가기
반응형
 

# spring boot(gradle) google로그인(소셜 로그인) 연동 방법 1탄

spring boot에서 구글 소셜 로그인 하는 방법의 기본 흐름은 아래와 같다.[구글 로그인 클릭] ↓[구글 로그인 → redirect URI로 토큰 반환] ↓[Spring Security가 토큰 받아서 사용자 정보 획득] ↓[자동 로

somnote.tistory.com

 

# spring boot(gradle) google로그인(소셜 로그인) 연동 방법 2탄

tailwindCSS 를 적용하는 방법은 해당 글을 보면 된다. # spring boot TailwindCSS와 연동하기, 사용방법tailwindcss를 사용해서 앞단을 꾸며보자 tailwindcss를 사용하려면 또 복잡하다.. 안써볼 사람들은 넘어가

somnote.tistory.com

 

기존에는 localhost로 테스트했었는데

실제 배포된사이트는 어떻게 변경해야 소셜로그인이 가능한지 적어보려고 한다.

 

일단 나는 render를 통해서 사이트를 배포해놨는데 배포하기 전 

https://console.cloud.google.com/apis/dashboard

 

Google 클라우드 플랫폼

로그인 Google 클라우드 플랫폼으로 이동

accounts.google.com

해당 위치에서 사용자 인증정보에 들어가 

본인이 생성한 클라이언트 정보를 편집하기 버튼을 누르고

원래 localhost로 되어있던 부분을 배포된 url로 바꿨다.

 

그다음 프레임워크로 돌아가

application.properties에 기본 Oauth설정 아래에 redirect-uri부분을 추가해주어야 한다.

사이트에서 방금 등록한 url과 같은 url로 적어준다.

 

이제 변경된 properties를 사용하여 빌드하고 새로운 jar파일로 실행해주면

 

 

해당 url로 정상적으로 소셜로그인이 완료된다. 🎉🎉

★★ 만약 카톡이나 다른 모바일 앱을 사용하여 url을 열어서 로그인을 하면 정책상
구글에서 웹뷰나 앱내장 브라우저에서는 로그인을 막고있기때문에 안된다.
그냥 크롬이나 엣지로 열어야지만 가능하다.

 

 

반응형