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

넵 authRouter 이전에 추가해놨습니다.

//app.js
const express = require('express');
const cookieParser = require('cookie-parser');
const morgan = require('morgan');
const path = require('path');
const session = require('express-session');
const dotenv = require('dotenv');
const passport = require('passport');

dotenv.config();
const pageRouter = require('./server/routes/page');
const authRouter = require('./server/routes/auth');
const {sequelize} = require('./server/models');
const passportConfig = require('./server/passport');

const app = express();
app.set('port', process.env.PORT || 8002);
app.set('view engine', 'html');
sequelize.sync({force: false})
    .then(() => {
        console.log('데이터베이스 연결 성공');
    })
    .catch((err)=>{
        console.error(err);
    });
passportConfig();

app.use(morgan('dev'));
app.use(express.static(path.join(__dirname, 'public')));
app.use(express.json());
app.use(express.urlencoded({ extended: true }));
app.use(cookieParser(process.env.COOKIE_SECRET));
app.use(session({
    resave: false,
    saveUninitialized: false,
    secret: process.env.COOKIE_SECRET,
    cookie: {
        httpOnly: true,
        secure: false,
    },
}));
app.use(passport.initialize());
app.use(passport.session());

// app.use('/', pageRouter);
app.use('/api/auth', authRouter);

localstrategy도 보여주세요

localStrategy입니다!

const passport = require('passport');
const LocalStrategy = require('passport-local').Strategy;
const bcrypt = require('bcrypt');

const User = require('../models/user');

module.exports = () => {
    passport.use(new LocalStrategy({
        usernameField: 'email',
        passwordField: 'password',
    }, async (email, password, done) => {
        try{
            const exUser = await User.findOne({ where : { email }});
            if(exUser){
                const result = await bcrypt.compare(password, exUser.password);
                if(result){
                    done(null, exUser);
                } else {
                    done(null, false, {loginSuccess:false, message: '비밀번호가 일치하지 않습니다.'});
                }
            } else {
                done(null, false, {loginSuccess:false, message: '가입되지 않은 회원입니다.'});
            }
        } catch (err){
            console.log(err);
            done(err);
        }
    }));
};

다른 건 다 문제 없고 serializeUser가 인식되고 있지 않는 것 같습니다. 폴더 구조가 제 강좌랑 다른 것 같은데 어떤 구조인건가요?

서버랑 클라이언트 폴더를 구분하느라 좀 변경했습니다.

app.js가 밖에 나와있고 나머지는 server폴더안에 그대로 위치시켰습니다. 프론트 서버에서 http-proxy-middleware 이용해서 서버로 요청을 보내고 있습니다. 회원가입까지는 잘 작동했는데 로그인 부분에서 막히네요ㅠㅠ....

const proxy = require('http-proxy-middleware');

일단 passportConfig() 대신 passport.serializeUser, deserializeUser 부분을 app.js에 선언해보세요. 그래도 안 되면 exUser 객체를 json 형식으로 바꿔야할 것 같습니다.

답변 정말 감사합니다 해결 된 것 같습니다! (채ㅐ근데 passportConfig()를 지우니까 요청이 제대로 안들어가서 app.js에서 passportConfig 밑에 serializeUser와 deserializeUser를 그냥 같이 붙여줬더니 일단 되는 것 같습니다.  일단 되는거 같아서 기분은 좋은데 왜 이건 되고 원래는 안됬던건지는 여전히 모르겠네요... 

passportConfig();
passport.serializeUser((user, done) => {
    done(null, user.id);
});

passport.deserializeUser((id, done) =>{
    User.findOne({ where: { id }})
        .then(user => done((null, user.id)))
        .catch(err => done(err));
})