사용자 역할 기반 접근 제어

// src/app/api/auth/[...nextauth]/route.ts
import NextAuth from 'next-auth';
import GitHubProvider from 'next-auth/providers/github';
// import GoogleProvider from 'next-auth/providers/google';
// import { PrismaAdapter } from '@auth/prisma-adapter'; // Prisma 사용 시
// import prisma from '@/lib/prisma'; // Prisma 클라이언트 임포트

// NextAuth.js 타입 확장을 위한 선언 (선택 사항이지만 권장)
declare module 'next-auth' {
  interface Session {
    user: {
      id: string;
      name?: string | null;
      email?: string | null;
      image?: string | null;
      role?: 'admin' | 'editor' | 'user'; // 여기에 사용자 역할 추가
    };
    accessToken?: string;
  }

  interface JWT {
    id: string;
    accessToken?: string;
    role?: 'admin' | 'editor' | 'user'; // 여기에 JWT 토큰에 역할 추가
  }
}

const authOptions = {
  // adapter: PrismaAdapter(prisma), // 데이터베이스 연동 시 어댑터 설정

  providers: [
    GitHubProvider({
      clientId: process.env.GITHUB_ID as string,
      clientSecret: process.env.GITHUB_SECRET as string,
    }),
    // ... 다른 Provider들
  ],

  session: {
    strategy: 'jwt',
  },

  callbacks: {
    async jwt({ token, user, account }) {
      // 초기 로그인 시 (user 객체가 존재할 때)
      if (account && user) {
        token.accessToken = account.access_token;
        token.id = user.id; // DB 연동 시 사용자 ID (예: MongoDB의 _id 또는 SQL의 id)

        // --- 여기서 사용자 역할 정보를 가져와 토큰에 추가합니다 ---
        // 실제 애플리케이션에서는 데이터베이스에서 사용자 ID를 기반으로 역할을 조회합니다.
        // 예시: (데이터베이스 연동 가정)
        // const dbUser = await prisma.user.findUnique({ where: { id: user.id } });
        // if (dbUser) {
        //   token.role = dbUser.role;
        // } else {
        //   token.role = 'user'; // 기본 역할
        // }

        // 간단한 예시 (이메일 기반 역할 할당):
        if (user.email === 'admin@example.com') { // 관리자 이메일 설정
          token.role = 'admin';
        } else if (user.email === 'editor@example.com') { // 편집자 이메일 설정
          token.role = 'editor';
        } else {
          token.role = 'user'; // 기본 사용자 역할
        }
      }
      return token;
    },
    async session({ session, token }) {
      // JWT 토큰의 정보를 세션 객체에 반영
      session.accessToken = token.accessToken as string;
      session.user.id = token.id as string;
      session.user.role = token.role as 'admin' | 'editor' | 'user'; // 세션 user 객체에 역할 추가
      return session;
    },
  },

  // ... (다른 설정) ...

  secret: process.env.NEXTAUTH_SECRET,
};

const handler = NextAuth(authOptions);

export { handler as GET, handler as POST, authOptions }; // authOptions도 export하여 getServerSession에서 사용

// src/app/admin/page.tsx
import { getServerSession } from 'next-auth';
import { redirect } from 'next/navigation';
import { authOptions } from '../api/auth/[...nextauth]/route';

export default async function AdminPage() {
  const session = await getServerSession(authOptions);

  // 1. 로그인 여부 확인
  if (!session) {
    redirect('/api/auth/signin?callbackUrl=/admin');
  }

  // 2. 사용자 역할 확인 (RBAC)
  if (session.user?.role !== 'admin') {
    // 관리자 역할이 아니면 권한 없음 페이지로 리다이렉트
    redirect('/unauthorized');
  }

  // 3. 관리자 역할인 경우에만 페이지 콘텐츠 렌더링
  return (
    <div style={{ padding: '20px', maxWidth: '800px', margin: '20px auto', border: '1px solid #ffc107', borderRadius: '10px', boxShadow: '0 4px 8px rgba(0,0,0,0.1)', textAlign: 'center' }}>
      <h1 style={{ color: '#ffc107', marginBottom: '20px' }}>관리자 대시보드</h1>
      <p>환영합니다, <span style={{ fontWeight: 'bold' }}>{session.user?.name}</span>님! 귀하는 <span style={{ fontWeight: 'bold' }}>{session.user?.role}</span> 권한을 가지고 있습니다. 이 페이지는 관리자만 접근할 수 있습니다.</p>
      <p style={{ marginTop: '10px', fontSize: '0.9em', color: '#555' }}>
        (서버 컴포넌트에서 역할 기반 접근 제어가 적용되었습니다.)
      </p>
    </div>
  );
}

// src/middleware.ts
import { withAuth } from 'next-auth/middleware';
import { NextResponse } from 'next/server';

export default withAuth(
  // `middleware` 함수는 요청이 들어올 때마다 실행됩니다.
  function middleware(req) {
    const token = req.nextauth.token; // NextAuth.js가 제공하는 JWT 토큰
    const pathname = req.nextUrl.pathname;

    // 예시: '/admin' 경로에 대한 접근 제어
    if (pathname.startsWith('/admin')) {
      // 토큰이 없거나, 토큰에 역할이 없거나, 역할이 'admin'이 아니면
      if (!token || token.role !== 'admin') {
        // 권한 없음 페이지로 리다이렉트 (URL 변경)
        return NextResponse.rewrite(new URL('/unauthorized', req.url));
      }
    }

    // 예시: '/editor' 경로에 대한 접근 제어 (admin 또는 editor만 허용)
    if (pathname.startsWith('/editor')) {
      if (!token || (token.role !== 'admin' && token.role !== 'editor')) {
        return NextResponse.rewrite(new URL('/unauthorized', req.url));
      }
    }

    // 그 외의 경우는 정상적으로 요청 처리
    return NextResponse.next();
  },
  {
    // `pages` 옵션은 인증되지 않은 사용자를 리다이렉트할 페이지를 지정합니다.
    pages: {
      signIn: '/api/auth/signin',
    },
    // `callbacks.authorized`는 미들웨어에서 인증 여부만 확인합니다.
    // 실제 역할 검사는 위의 `middleware` 함수에서 수행합니다.
    callbacks: {
      authorized: ({ token }) => !!token, // 토큰이 있으면 인증된 것으로 간주
    },
  }
);

export const config = {
  // 미들웨어가 적용될 라우트 경로를 정의합니다.
  matcher: [
    '/dashboard/:path*',
    '/profile/:path*',
    '/admin/:path*',
    '/editor/:path*', // 새로운 보호 경로 추가
  ],
};

// src/components/PostActions.tsx (클라이언트 컴포넌트)
"use client";

import { useSession } from 'next-auth/react';

interface PostActionsProps {
  postId: string;
  authorId: string;
}

export default function PostActions({ postId, authorId }: PostActionsProps) {
  const { data: session, status } = useSession();

  if (status === 'loading') {
    return <p>권한 확인 중...</p>;
  }

  // 사용자가 로그인되어 있고,
  // 1. 관리자 역할이거나
  // 2. 게시글 작성자 본인이거나 (데이터베이스 연동 시 authorId와 session.user.id 비교)
  const canEdit = session && (session.user?.role === 'admin' || session.user?.id === authorId);

  if (!canEdit) {
    return null; // 편집 권한이 없으면 아무것도 렌더링하지 않음
  }

  return (
    <div style={{ marginTop: '20px', borderTop: '1px solid #eee', paddingTop: '15px' }}>
      <button
        onClick={() => alert(`게시글 ${postId} 편집`)}
        style={{
          padding: '8px 15px',
          backgroundColor: '#007bff',
          color: 'white',
          border: 'none',
          borderRadius: '5px',
          cursor: 'pointer',
          marginRight: '10px'
        }}
      >
        게시글 편집
      </button>
      <button
        onClick={() => alert(`게시글 ${postId} 삭제`)}
        style={{
          padding: '8px 15px',
          backgroundColor: '#dc3545',
          color: 'white',
          border: 'none',
          borderRadius: '5px',
          cursor: 'pointer'
        }}
      >
        게시글 삭제
      </button>
    </div>
  );
}