첫 JWT 적용... 소셜로그인처리는 어떻게 되는건가요??

Question

사용기술화면: Next.js서버: 스프링부트안녕하세요.현재 화면에서 이메일,패스워드로 로그인했을때의 accessToken 발급하고,refreshToken으로 재발급받고 하는 과정까지는 구현해놓은 상태입니다.화면에서 카카오나 구글같은 소셜로그인 처리도 하고싶은 상황인데어떤 프로세스가 필요한건지 감이 잡히질 않는 상황입니다.대략적이라도 흐름에 대해서 설명해주신다면 큰 도움이 될거같습니다..귀한 시간내주어 읽어주셔서 감사합니다 (__)

consr · Answer

첫 로그인에서 DB랑 확인하고 토큰 발급해주실껀데마찬가지로 소셜 로그인 확인 하고 토큰 발급 해주시면 되지 않나요?소셜 로그인 시도로그인 성공시 토큰이나 유일 키값을 주니까 해당 유일 키값을 DB에 저장 하고 본인 사이트의 토큰으로 인증처리하면 되지 않나요?

Magritte · Answer

참고바랍니다.https://tech.kakao.com/2023/01/19/social-login/소셜 로그인은 Oauth 2.0 방식을 알아두시면 좋습니다.https://inpa.tistory.com/entry/WEB-%F0%9F%93%9A-OAuth-20-%EA%B0%9C%EB%85%90-%F0%9F%92%AF-%EC%A0%95%EB%A6%AC

호호아조씨 · Answer

좀 디테일 하게 이야기 하면 프론트에서 카카오 로그인을 시도한다 -> redirect url를 프론트로 설정하면 authentication code를 페이지를 통해서 줄껀데 그걸 백엔드에 넘겨서 벡엔드 측에서 카카오 access token을 받고 그 토큰으로 한번 더 호출해서 유저 정보를 받습니다. 나머지는 db 비교니까 생략하겠습니다.

frontend · Answer

각 소셜 디벨로퍼 사이트에 들어가 앱 생성하고 키를 받습니다 ->키갖고 각 소셜에 로그인 api 요청하면 암호화된 리스폰스를 받고 이를 백엔드에 던져 주면 백엔드에서 또 키가지고 소셜 측에 복호화 요청을 보냅니다 ->그리하여 받은 복호화된 리스폰스 갖고 토큰에 기록된 사용자와 매칭하여 db 처리를 합니다.이것보다 더 먼저 마이페이지 같은 곳에서 똑같이 쏴서 회원과 소셜로그인한 아이디부터 연결시켜줘야 합니다

첫 JWT 적용... 소셜로그인처리는 어떻게 되는건가요??

4개의 답변

Q&A 목록