풀스택 앱 보안: JWT를 활용한 인증과 권한 관리

// app.js (JWT 생성)
const express = require('express');
const jwt = require('jsonwebtoken');
const app = express();
const port = 3000;

// 사용자 인증을 위한 예시 데이터
const users = [{ id: 1, username: 'user1', password: 'password1' }];

// 로그인 API
app.post('/api/login', (req, res) => {
    const { username, password } = req.body;
    const user = users.find(u => u.username === username && u.password === password);

    if (user) {
        // JWT 생성
        const token = jwt.sign({ id: user.id, username: user.username }, 'secretkey', { expiresIn: '1h' });
        res.json({ token });
    } else {
        res.status(401).json({ message: '사용자명 또는 비밀번호가 잘못되었습니다.' });
    }
});

app.listen(port, () => {
    console.log(`서버가 http://localhost:${port}에서 실행 중입니다.`);
});

// 로그인 함수 (React 예제)
function login(username, password) {
  fetch('/api/login', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ username, password }),
  })
    .then(response => response.json())
    .then(data => {
      if (data.token) {
        localStorage.setItem('token', data.token); // JWT 저장
      } else {
        alert('로그인 실패');
      }
    });
}

// API 호출 시 토큰을 함께 전송
function getData() {
  const token = localStorage.getItem('token');
  fetch('/api/data', {
    headers: {
      'Authorization': `Bearer ${token}`, // JWT 토큰 전송
    },
  })
    .then(response => response.json())
    .then(data => {
      console.log(data);
    });
}

// JWT 검증 미들웨어
function authenticateToken(req, res, next) {
    const token = req.headers['authorization']?.split(' ')[1];

    if (!token) return res.status(403).json({ message: '토큰이 필요합니다.' });

    jwt.verify(token, 'secretkey', (err, user) => {
        if (err) return res.status(403).json({ message: '유효하지 않은 토큰입니다.' });
        req.user = user;
        next();
    });
}

// 보호된 라우트 예시
app.get('/api/protected', authenticateToken, (req, res) => {
    res.json({ message: '인증된 사용자만 접근할 수 있습니다.', user: req.user });
});

// 사용자 데이터에 권한 추가
const users = [
    { id: 1, username: 'user1', password: 'password1', role: 'admin' },
    { id: 2, username: 'user2', password: 'password2', role: 'user' },
];

// 권한 검증 미들웨어
function authorizeRole(role) {
    return (req, res, next) => {
        if (req.user.role !== role) {
            return res.status(403).json({ message: '권한이 없습니다.' });
        }
        next();
    };
}

// 관리자만 접근 가능한 라우트
app.get('/api/admin', authenticateToken, authorizeRole('admin'), (req, res) => {
    res.json({ message: '관리자만 접근할 수 있습니다.' });
});