Merge pull request #220 from boostcampwm-2024/feature-be-#189

github-actions[bot] · web-flow · commit a3049afb8a1c · 2024-11-20T12:58:33.000Z
로그인, 회원가입 구현
diff --git a/apps/backend/package.json b/apps/backend/package.json
@@ -25,6 +25,7 @@
     "@nestjs/config": "^3.3.0",
     "@nestjs/core": "^10.0.0",
     "@nestjs/mapped-types": "*",
+    "@nestjs/passport": "^10.0.3",
     "@nestjs/platform-express": "^10.0.0",
     "@nestjs/platform-socket.io": "^10.4.8",
     "@nestjs/platform-ws": "^10.4.7",
@@ -38,6 +39,9 @@
     "lib0": "^0.2.98",
     "node-ts-cache": "^4.4.0",
     "node-ts-cache-storage-memory": "^4.4.0",
+    "passport": "^0.7.0",
+    "passport-kakao": "^1.0.1",
+    "passport-naver": "^1.0.6",
     "path": "^0.12.7",
     "reflect-metadata": "^0.1.13",
     "rxjs": "^7.8.1",
diff --git a/apps/backend/src/app.module.ts b/apps/backend/src/app.module.ts
@@ -9,10 +9,13 @@ import { TypeOrmModule } from '@nestjs/typeorm';
 import { Page } from './page/page.entity';
 import { Edge } from './edge/edge.entity';
 import { Node } from './node/node.entity';
+import { User } from './user/user.entity';
 import { YjsModule } from './yjs/yjs.module';
 import * as path from 'path';
 import { ServeStaticModule } from '@nestjs/serve-static';
 import { UploadModule } from './upload/upload.module';
+import { AuthModule } from './auth/auth.module';
+import { UserModule } from './user/user.module';
 
 @Module({
   imports: [
@@ -29,7 +32,7 @@ import { UploadModule } from './upload/upload.module';
       useFactory: (configService: ConfigService) => ({
         type: 'sqlite',
         database: configService.get('DB_NAME'),
-        entities: [Node, Page, Edge],
+        entities: [Node, Page, Edge, User],
         logging: true,
         synchronize: true,
       }),
@@ -39,6 +42,8 @@ import { UploadModule } from './upload/upload.module';
     EdgeModule,
     YjsModule,
     UploadModule,
+    AuthModule,
+    UserModule,
   ],
   controllers: [AppController],
   providers: [AppService],
diff --git a/apps/backend/src/auth/auth.controller.spec.ts b/apps/backend/src/auth/auth.controller.spec.ts
@@ -0,0 +1,25 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { AuthController } from './auth.controller';
+import { AuthService } from './auth.service';
+
+describe('AuthController', () => {
+  let controller: AuthController;
+
+  beforeEach(async () => {
+    const module: TestingModule = await Test.createTestingModule({
+      controllers: [AuthController],
+      providers: [
+        {
+          provide: AuthService,
+          useValue: {},
+        },
+      ],
+    }).compile();
+
+    controller = module.get<AuthController>(AuthController);
+  });
+
+  it('should be defined', () => {
+    expect(controller).toBeDefined();
+  });
+});
diff --git a/apps/backend/src/auth/auth.controller.ts b/apps/backend/src/auth/auth.controller.ts
@@ -0,0 +1,42 @@
+import { Controller, Get, UseGuards, Req } from '@nestjs/common';
+import { AuthGuard } from '@nestjs/passport';
+import { AuthService } from './auth.service';
+
+@Controller('auth')
+export class AuthController {
+  constructor(private readonly authService: AuthService) {}
+
+  @Get('naver')
+  @UseGuards(AuthGuard('naver'))
+  async naverLogin() {
+    // 네이버 로그인 페이지로 리디렉션
+    // Passport가 리디렉션 처리
+  }
+
+  @Get('naver/callback')
+  @UseGuards(AuthGuard('naver'))
+  async naverCallback(@Req() req) {
+    // 네이버 인증 후 사용자 정보 반환
+    return {
+      message: '네이버 로그인 성공',
+      user: req.user,
+    };
+  }
+
+  @Get('kakao')
+  @UseGuards(AuthGuard('kakao'))
+  async kakaoLogin() {
+    // 카카오 로그인 페이지로 리디렉션
+    // Passport가 리디렉션 처리
+  }
+
+  @Get('kakao/callback')
+  @UseGuards(AuthGuard('kakao'))
+  async kakaoCallback(@Req() req) {
+    // 카카오 인증 후 사용자 정보 반환
+    return {
+      message: '카카오 로그인 성공',
+      user: req.user,
+    };
+  }
+}
diff --git a/apps/backend/src/auth/auth.module.ts b/apps/backend/src/auth/auth.module.ts
@@ -0,0 +1,13 @@
+import { Module } from '@nestjs/common';
+import { UserRepository } from '../user/user.repository';
+import { UserModule } from 'src/user/user.module';
+import { AuthService } from './auth.service';
+import { AuthController } from './auth.controller';
+import { NaverStrategy } from './strategies/naver.strategy';
+import { KakaoStrategy } from './strategies/kakao.strategy';
+@Module({
+  imports: [UserModule],
+  controllers: [AuthController],
+  providers: [AuthService, NaverStrategy, KakaoStrategy, UserRepository],
+})
+export class AuthModule {}
diff --git a/apps/backend/src/auth/auth.service.spec.ts b/apps/backend/src/auth/auth.service.spec.ts
@@ -0,0 +1,25 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { AuthService } from './auth.service';
+import { UserRepository } from '../user/user.repository';
+
+describe('AuthService', () => {
+  let service: AuthService;
+
+  beforeEach(async () => {
+    const module: TestingModule = await Test.createTestingModule({
+      providers: [
+        AuthService,
+        {
+          provide: UserRepository,
+          useValue: {},
+        },
+      ],
+    }).compile();
+
+    service = module.get<AuthService>(AuthService);
+  });
+
+  it('should be defined', () => {
+    expect(service).toBeDefined();
+  });
+});
diff --git a/apps/backend/src/auth/auth.service.ts b/apps/backend/src/auth/auth.service.ts
@@ -0,0 +1,24 @@
+import { Injectable } from '@nestjs/common';
+import { UserRepository } from '../user/user.repository';
+import { User } from '../user/user.entity';
+import { CreateUserDto } from './dto/createUser.dto';
+
+@Injectable()
+export class AuthService {
+  constructor(private readonly userRepository: UserRepository) {}
+
+  async findUser(dto: CreateUserDto): Promise<User | null> {
+    const { providerId, provider } = dto;
+
+    const user = await this.userRepository.findOne({
+      where: { providerId, provider },
+    });
+
+    return user;
+  }
+
+  async createUser(dto: CreateUserDto): Promise<User> {
+    const user = this.userRepository.create(dto);
+    return this.userRepository.save(user);
+  }
+}
diff --git a/apps/backend/src/auth/dto/createUser.dto.ts b/apps/backend/src/auth/dto/createUser.dto.ts
@@ -0,0 +1,28 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { IsString, IsEmail, IsIn } from 'class-validator';
+
+export class CreateUserDto {
+  @IsString()
+  @ApiProperty({
+    example: 'abc1234',
+    description: '사용자의 카카오/네이버 아이디',
+  })
+  providerId: string;
+
+  @IsString()
+  @IsIn(['naver', 'kakao'], {
+    message: 'provider는 naver 또는 kakao 중 하나여야 합니다.',
+  })
+  @ApiProperty({
+    example: 'naver',
+    description: '연동되는 서비스: 네이버/카카오',
+  })
+  provider: string;
+
+  @IsEmail()
+  @ApiProperty({
+    example: 'abc1234@naver.com',
+    description: '사용자의 이메일 주소(카카오, 네이버 외에도) 가능',
+  })
+  email: string;
+}
diff --git a/apps/backend/src/auth/strategies/kakao.strategy.ts b/apps/backend/src/auth/strategies/kakao.strategy.ts
@@ -0,0 +1,31 @@
+// src/auth/strategies/kakao.strategy.ts
+import { Injectable } from '@nestjs/common';
+import { PassportStrategy } from '@nestjs/passport';
+import { Profile, Strategy } from 'passport-kakao';
+import { AuthService } from '../auth.service';
+import { CreateUserDto } from '../dto/createUser.dto';
+
+@Injectable()
+export class KakaoStrategy extends PassportStrategy(Strategy, 'kakao') {
+  constructor(private authService: AuthService) {
+    super({
+      clientID: process.env.KAKAO_CLIENT_ID,
+      clientSecret: process.env.KAKAO_CLIENT_SECRET,
+      callbackURL: process.env.KAKAO_CALLBACK_URL,
+    });
+  }
+
+  async validate(accessToken: string, refreshToken: string, profile: Profile) {
+    // 카카오 인증 이후 사용자 정보 처리
+    const createUserDto: CreateUserDto = {
+      providerId: profile.id,
+      provider: 'kakao',
+      email: profile._json.kakao_account.email,
+    };
+    let user = await this.authService.findUser(createUserDto);
+    if (!user) {
+      user = await this.authService.createUser(createUserDto);
+    }
+    return user; // req.user로 반환
+  }
+}
diff --git a/apps/backend/src/auth/strategies/naver.strategy.ts b/apps/backend/src/auth/strategies/naver.strategy.ts
@@ -0,0 +1,31 @@
+// src/auth/strategies/naver.strategy.ts
+import { Injectable } from '@nestjs/common';
+import { PassportStrategy } from '@nestjs/passport';
+import { Profile, Strategy } from 'passport-naver';
+import { AuthService } from '../auth.service';
+import { CreateUserDto } from '../dto/createUser.dto';
+
+@Injectable()
+export class NaverStrategy extends PassportStrategy(Strategy, 'naver') {
+  constructor(private authService: AuthService) {
+    super({
+      clientID: process.env.NAVER_CLIENT_ID, // 환경 변수로 관리
+      clientSecret: process.env.NAVER_CLIENT_SECRET,
+      callbackURL: process.env.NAVER_CALLBACK_URL,
+    });
+  }
+
+  async validate(accessToken: string, refreshToken: string, profile: Profile) {
+    // 네이버 인증 이후 사용자 정보 처리
+    const createUserDto: CreateUserDto = {
+      providerId: profile.id,
+      provider: 'naver',
+      email: profile._json.email,
+    };
+    let user = await this.authService.findUser(createUserDto);
+    if (!user) {
+      user = await this.authService.createUser(createUserDto);
+    }
+    return user; // req.user로 반환
+  }
+}
diff --git a/apps/backend/src/exception/user.exception.ts b/apps/backend/src/exception/user.exception.ts
@@ -0,0 +1,7 @@
+import { NotFoundException } from '@nestjs/common';
+
+export class UserNotFoundException extends NotFoundException {
+  constructor() {
+    super(`사용자를 찾지 못했습니다. 회원가입 페이지로 리디렉션합니다.`);
+  }
+}
diff --git a/apps/backend/src/user/user.entity.ts b/apps/backend/src/user/user.entity.ts
@@ -0,0 +1,31 @@
+// user.entity.ts
+import {
+  Entity,
+  PrimaryGeneratedColumn,
+  Column,
+  CreateDateColumn,
+} from 'typeorm';
+
+@Entity()
+export class User {
+  @PrimaryGeneratedColumn('increment')
+  id: number;
+
+  @Column({ unique: true })
+  providerId: string; // 네이버/카카오 ID
+
+  @Column()
+  provider: string; // 'naver' 또는 'kakao'
+
+  @Column()
+  email: string;
+
+  @Column({ nullable: true })
+  nickname: string;
+
+  @Column({ nullable: true })
+  profileImage: string;
+
+  @CreateDateColumn()
+  createdAt: Date;
+}
diff --git a/apps/backend/src/user/user.module.ts b/apps/backend/src/user/user.module.ts
@@ -0,0 +1,11 @@
+import { Module } from '@nestjs/common';
+import { TypeOrmModule } from '@nestjs/typeorm';
+import { User } from './user.entity';
+import { UserRepository } from './user.repository';
+
+@Module({
+  imports: [TypeOrmModule.forFeature([User])],
+  providers: [UserRepository],
+  exports: [TypeOrmModule, UserRepository],
+})
+export class UserModule {}
diff --git a/apps/backend/src/user/user.repository.ts b/apps/backend/src/user/user.repository.ts
@@ -0,0 +1,12 @@
+// user.repository.ts
+import { DataSource, Repository } from 'typeorm';
+import { User } from './user.entity';
+import { Injectable } from '@nestjs/common';
+import { InjectDataSource } from '@nestjs/typeorm';
+
+@Injectable()
+export class UserRepository extends Repository<User> {
+  constructor(@InjectDataSource() private dataSource: DataSource) {
+    super(User, dataSource.createEntityManager());
+  }
+}
diff --git a/apps/backend/src/yjs/yjs.service.spec.ts b/apps/backend/src/yjs/yjs.service.spec.ts
diff --git a/apps/frontend/src/components/EditorView.tsx b/apps/frontend/src/components/EditorView.tsx
diff --git a/apps/frontend/src/components/editor/index.tsx b/apps/frontend/src/components/editor/index.tsx
diff --git a/yarn.lock b/yarn.lock
