신입받아주세요
251
2021-07-30 16:23:55 작성 2021-07-30 16:24:55 수정됨
6
890

Vue 쓰시는분들


프론트로 Vue 사용하신분들은

백이랑 프론트랑 나뉘어있는 상태입니다.

카카오랑 네이버 로그인 연동 하실때 code값만 받으시고 서버로 넘기시나요?

아님 토큰값 받는걸  전부 프론트에서 해결하시나요?

0
  • 댓글 6

  • 마샤와곰
    379
    2021-07-30 17:21:55 작성 2021-07-30 17:23:10 수정됨

    각종 인증관련 코드가 보이기 때문에 프론트에서 하는 것은 한계가 있습니다.

    서버에서 처리하는게 맞습니다.

    뷰, 리엑트, 앵귤러 전부 해당된다고 생각 합니다.

    소셜 로그인 연동할 때 각각 프로젝트 설정에서 콜백주소를 첨부하여 주면 해당 주소로 리턴된 결과를 주기 때문에 해당 값을 가지고 세션을 활용하여 로그인을 유지할지, 아니면 jwt token 형식으로 처리할지 고민하시면 됩니다.

    https://lts0606.tistory.com/489

  • 신입받아주세요
    251
    2021-07-30 18:27:50 작성 2021-07-30 18:31:14 수정됨

    @마샤와곰 

    감사합니다.

    혹시 한가지 더 질문해도될까요?

    현재 안드로이드 웹뷰에 vue.js를 뿌리는 상황인데..

    이럴떄는 연동을 어떻게 해야될지 모르겠습니다.

  • 찬밥
    1k
    2021-07-30 18:36:14

    소셜 로그인 연동을 하면 보통 response에 id_token 이라는게 넘어오는데요. 이걸 내부 서버 API에 전달해서 인증과정 거치고, jwt 발급 받는 형식이 아닌가 싶네요.

  • LazyBoy
    238
    2021-07-31 02:02:50

    저는 토큰 받아서 서버로 넘기고 서버에서 그 토큰 가지고 다시 카카오쪽 서버에 유저 정보 요청했습니다. 그리고 유저정보로 db작업 했습니다.

  • 마샤와곰
    379
    2021-08-02 11:26:10

    @신입받아주세요

    안드로이드나 브라우저나 결국 하는 행위는 같습니다.

    개념이나 내용이 이해되지 않으시다면 "소셜로그인 연동" 내용을 검색하셔서 개념을 잡으시는 것을 추천 드립니다.

  • 신입받아주세요
    251
    2021-08-02 12:14:48

    @마샤와곰 

    도움 주셔서 감사합니다.

    올려주신 블로그 글 참고하여 현재 code값 까지는 확인 가능한데

    2번째 토큰값을 가져오는게 안되고있는 상황입니다.


    axios.get을 통해서 제가 url을 입력해봤는데도 오류가 발생하네요...

    var api_url = 'https://nid.naver.com/oauth2.0/token?grant_type=authorization_code&client_id='

            + client_id + '&client_secret=' + client_secret + '&code=' + code +'&state=' + state;


    이런식으로 코드를 짜서


    await axios.get(api_url)했습니다 혹시 뭐가 잘못 된 건지 알려주실 수 있을까요?




  • 로그인을 하시면 댓글을 등록할 수 있습니다.