NestJS 커스텀 데코레이터로 헤더의 JWT 받아오기

코드 살펴보기

인터셉터 등록

먼저 AppModule의 provider에 APP_INTERCEPTOR를 추가해 인터셉터를 전역으로 등록합니다. useClass로 어떤 클래스를 인터셉터로 사용할지 지정합니다. (UserInterceptor는 아직 만들지 않았으며, 아래처럼 interceptors 폴더를 만들어 관련 로직을 처리합니다.)

typescript복사
//main.ts
@Module({
  imports: [UserModule, PrismaModule, HomeModule],
  controllers: [AppController],
  providers: [
    AppService,
    { provide: APP_INTERCEPTOR, useClass: UserInterceptor },
  ],
})
export class AppModule {}

인터셉터에서 JWT 디코딩

NestInterceptor를 구현해 인터셉터 클래스를 만듭니다. context.switchToHttp().getRequest()로 요청 정보를 가져온 뒤, headers의 authorization에서 토큰을 꺼내고, 디코딩한 결과를 request.user에 넣습니다.

typescript복사
//src/user/interceptors/user.interceptor.ts
import { CallHandler, ExecutionContext, NestInterceptor } from '@nestjs/common';
import { Observable } from 'rxjs';
import * as jwt from 'jsonwebtoken';

export class UserInterceptor implements NestInterceptor {
  intercept(
    context: ExecutionContext,
    next: CallHandler<any>,
  ): Observable<any> | Promise<Observable<any>> {
    const request = context.switchToHttp().getRequest();
    const token = request?.headers?.autorization.split('Bearer ')[1];
    const user = jwt.decode(token);
    request.user = user;
    return next.handle();
  }
}

• NestInterceptor를 구현해 인터셉터용 클래스를 만듭니다.
• context.switchToHttp().getRequest()로 요청 정보를 가져옵니다.
• 요청 정보의 headers에 있는 authorization에서 JWT를 가져옵니다.
• JWT를 디코딩합니다.
• 디코딩한 user 정보를 request의 key value로 설정합니다.

커스텀 데코레이터 작성

createParamDecorator로 파라미터 데코레이터를 만듭니다. 인터셉터에서 request.user에 넣어 둔 값을 그대로 반환합니다.

typescript복사
//src/decorators/user.decorator.ts
import { createParamDecorator, ExecutionContext } from '@nestjs/common';

export interface UserInfo {
  name: string;
  id: number;
  iat: number;
  exp: number;
}

export const User = createParamDecorator((context: ExecutionContext) => {
  const request = context.switchToHttp().getRequest();
  return request.user as UserInfo;
});

• UserInterceptor에서 만들어 준 user 정보를 반환합니다. (request에 user 정보를 넣어 줬기 때문입니다.)

컨트롤러에서 사용

typescript복사
@Post()
  createHome(@Body() body: CreateHomeDto, @User() user: UserInfo) {
    return this.homeService.createHome(body, user.id);
  }

• 위 코드처럼 User 데코레이터를 사용합니다.
• user 객체에서 원하는 데이터를 유연하게 꺼내 씁니다.

정리

인터셉터에서 JWT를 한 번만 디코딩해 request.user에 담아 두면, 컨트롤러는 @User() 데코레이터로 사용자 정보를 간결하게 받아 쓸 수 있습니다. 토큰 파싱 로직이 한곳에 모이고 컨트롤러는 비즈니스 로직에 집중할 수 있습니다.