강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

윤동호님의 프로필 이미지
윤동호

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

로그인 문제 해결하기

소셜 로그인과 관련하여 passport.js 질문입니다.

작성

·

219

0

우선 강의 정말 잘 듣고 있습니다 !

로그인과 관련하여 소셜 로그인 연동을 도전해보라고 하셔서

Google과 Kakao의 경우에는 성공하였습니다.

Naver의 경우 로그인 정보를 받는 과정에서 필수 입력 사항임에도 불구하고 누락하여 등록이 가능하도록 설계가 되어있어

passport.authenticate에서 failureRedirect로 처리하였습니다.

router.get('/naver/callback', passport.authenticate('naver', { // GET /user/naver/callback
  failureRedirect: `https://nid.naver.com/oauth2.0/authorize?response_type=code&client_id=${process.env.NAVER_CLIENT_ID}&state=STATE_STRING&redirect_uri=http://localhost:3065/user/naver/callback&auth_type=reprompt`,
  failureMessage: '필수 제공 항목을 반드시 입력하셔야합니다.'
}), async (req, res, next) => {
  return res.status(200).redirect('http://localhost:3060');
});

 

문제는 정보 입력 시 취소 버튼을 누를 때에도 같은 failureRedirect로 처리되어버립니다.

(취소버튼 클릭시에는 메인 화면으로 보내고자 합니다.)

여기서 질문을 드리자면 failureRedirect를 각각 다른 url로 보낼 수 있는 방법이 있나요? 

없다면 passport.authenticate를 custom 해야할 것 같은데 구글링을 통한 custom을 보고 이런식으로 만들어봤는데 작동하지 않아서 질문드립니다 ㅠㅠ

router.get('/naver/callback', function(req, res, next) {passport.authenticate('naver', (err, user, info) => {
  if (err) { return console.log('err', req) };
  req.login(user, () => {
    return res.redirect('http://localhost:3060')
  })(req, res, next);
})});

에러는 GET /user/naver/callback?error=access_denied&error_description=Canceled+By+User&state=STATE_STRING - - ms - -

이렇게 나오는데 console에 찍히지는 않습니다.

callback 으로 넘어오는 값을 받는 방법이 혹시 있을까요?

 

 

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

passport-naver는 남의 라이브러리라서 저도 사용 방법을 잘 모릅니다. authenticate를 커스텀하는 게 아니라 NaverStrategy 자체를 커스텀하셔야 할 수도 있을 것 같습니다.

윤동호님의 프로필 이미지
윤동호
질문자

아 그렇군요 감사합니다 :)

윤동호님의 프로필 이미지
윤동호

작성한 질문수

질문하기