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

강의 잘보고 있습니다. 다름이아니라

지금 로그인접속정보 계속 유지하기 부분 보고있습니다

그런데 

로그인 후 새로고침 후 

page index.js 에서 useEffect 에 LOAD_MY_INFO_REQUEST ->  리덕스, saga 로넘어갈때 action.data : null 입니다. 

그런데 브라우저 애플리케이션 단에서 쿠키는 확인 되었습니다. 

쿠키가 있는 상태면 passport 로직에 의해서 두번쨰 로그인부터는 req.user에 첫 로그인시 select 했던 로그인정보가

새로고침후에 action .data에 담겨야하는거죠? 근데 안담기네용.... 어디를 봐야할까용...

const passport = require('passport');
const local = require('./local');
const {User} = require('../models');

module.exports = () => {
  passport.serializeUser((user, done) => {  //done에 첫번째인자는 error 두번째 인자는 성공
    //req.login 에 정보가 여기로들어감
    done(null, user.id);
    //세션 저장 즉 서버에서 세션 connectSID랑 쿠키와 함께 저장 [{id: 1, cookie : 'clhxy'}]
    //그리고 쿠키에게 뿌려줌
  });


  //로그인을 성공하고나서 그 다음 요청부터 매번실행함
  //이 부분이 라우터 실행되기 전에 매번 실행된다. 그렇다면 성능적으론 상관없을지 몰라도
  // 유지보수 측면에서 이로직을 통한 분산이 가능하다.
  //라우터 접근 전에 deserializeUser 내부적으로 한 번더 실행함  저장되어있던 아이디를 토대로 select 해서 가지고온다. req.user 로 routes에서 접근이 가능하다 .
  passport.deserializeUser(async (id, done) => {
    try {
      const user = await User.findOne({
        where : {id}
      }); //그래서 id 값을 where 절에 넣고 반환값 user를
      done(null, user); //done(user) 넣어주고 이 값이 req.user에 반환된다 .
    }catch (e) {
      console.error(e);
      done(e);
    }
  });
  local();
};

const passport = require('passport');
const { Strategy:LocalStrategy } = require('passport-local'); //비구조화 할당에서 : 를 하면 LocalStrategy로 변수명을 변경할 수 있다.
const { User } = require('../models');
const bcrypt = require('bcrypt');

module.exports = () => {
  passport.use(new LocalStrategy({
    usernameField: 'email',
    passwordField: 'password',

  }, async (email, password, done) => {  //req.body 부분 done 부분 확인 필요 done은 callback부분 결과값 done을 내보낸다. routes.post(login) 쪽으로 넘어가는 값은 done() 이다 .
    try { // done : e 에러, info fail reason, user success o doen(에러, false-reason, user)
        const user = await User.findOne({
        where: { email }
      });
      if(!user) {
        return done(null, false, {reason: "존재하지 않는 이메일입니다.!"}); //이유    info
      }
        const result =  await bcrypt.compare(password, user.password); //else

        if(result) {
          return done(null, user);
        }
        return done(null, false, {reason : "비밀번호가 일치하지 않습니다."}); //else
    }catch (e) {
      console.error(e);
      return done(e); //server가 error 인 경우
    }
  }));
};

 

리덕스 상 diff 

LOAD_MY_INFO_REQUEST

{

  type: 'LOAD_MY_INFO_REQUEST'

}

LOAD_MY_INFO_SUCCESS

{

  type: 'LOAD_MY_SUCCESS',

  data: null

}