1월2일

middleware를 통한 유저 정보 전달

로그인한 유저의 데이터를 다른 기능에서 가져와 써야할 때

어디서 어떤 값을 가져와 어떻게 사용해야 할지 헤매고 있었다.

 

로그인한 여부는 request.cookies에 담긴 accessToken, refreshToken을 통해 알 수 있었는데

middleware를 통해 확인 과정을 거쳐 accessToken에 담긴 user의 id(PK)를 받을 수 있었다.

 

여러 방법이 있을테지만

구한 userId로 user 정보를 DB에서 받아와 통째로 res.locals에 넣는 방법을 택했다.

 

authMiddleware.js

module.exports = async (req, res, next) => {

  // ...생략

  const userId = TokenManager.getAccessTokenPayload(accessToken).userId;
  
  const userInfo = await usersService.findUserById(userId);
  res.locals.userInfo = userInfo;
  next();
};

res.locals.userInfo = userInfo를 통해 유저 정보를 넣고나선 아래와 같이 활용이 가능하다.

 

orders.routes.js

const express = require('express');
const router = express.Router();

const OrdersController = require('../controllers/orders.controller');
const ordersController = new OrdersController();
const authMiddleware = require('../config/authMiddleware');

router.post('/orders', authMiddleware, ordersController.createOrder);

module.exports = router;

ordersController.js

// ...생략

const userInfo = res.locals.userInfo;

const id = userInfo.id;
const name = userInfo.name;

 

ejs와 같이 응용한다면 다음과 같이도 사용할 수 있다.

 

routes/index.js

class UsersController {

  // ...생략

  router.use('/', authMiddleware, (req, res) => {
    if (res.locals.userInfo) {
      const userInfo = res.locals.userInfo;
      res.render('index', { userInfo: { name: userInfo.name, point: userInfo.point } });
    } else {
      res.render('index');
    }
  });

index.ejs

<!-- 생략 -->

  <% if (locals.userInfo) { %>
    <h1><%= userInfo.name %>, <%= userInfo.point %></h1>
  <% } %>