如何在 swagger nestjs 中手动添加摘要和正文

Question

我正在尝试在我的 swagger 文档路径中添加摘要，但我找不到合适的装饰器来定义摘要。

有些路由我没有指定任何 DTO。所以，我想为该端点手动添加请求正文。

user.controller.ts

@Controller('users')
@ApiTags('User')
@ApiBearerAuth()
export class UsersController {

  constructor(private readonly service: UsersService) {}

  @Get()
  async findAll() {
    const data = await this.service.findAll();

    return {
      statusCode: 200,
      message: 'Users retrieved successfully',
      data,
    };
  }
}

auth.controller.ts

  @UseGuards(AuthGuard('local'))
  @Post('login')
  @ApiParam({
    name: 'email',
    type: 'string'
  })
  @ApiParam({
    name: 'password',
    type: 'string'
  })

  async login(@Request() req) {
    return this.authService.login(req.user);
  }

Answer 1

对于端点摘要，您可以使用 @ApiOperation()。对于架构，您可以使用 @ApiResponse()

@Get()
@ApiOperation({ summary: 'summary goes here' })
@ApiResponse({ status: 200, description: 'description goes here', schema: { ...define schema here... } })
async findAll() {}

从此处的文档中阅读有关原始定义的更多信息：https://docs.nestjs.com/recipes/swagger#raw-definitions

Answer 2

我建议为所有端点（resp 和 req）创建一个 DTO。

以下是使用 DTO + @ApiProperty 装饰器

向模式添加摘要的方法（在您的屏幕截图中，单击您用红色圈出的区域中的 'schema'）

    import { ApiProperty } from '@nestjs/swagger';

    export class ExampleRedditDTO {
        @ApiProperty({
            type: String,
            description: "The target subreddit"
        })
        targetSub!: string;

        @ApiProperty({
            type: Number,
            description: "The number of top posts you want back"
        })
        postCount!: number;
    }

Answer 3

我想这更像是一个参考，因为这个 post 在寻找 Swagger/OpenAPI 的说明时出现。

我已经建立了一个显示基本用法的示例存储库。您可以在这里找到它：https://gitlab.com/WaldemarLehner/nestjs-swagger-example

缺少摘要

使用 @ApiOperation-装饰器定义端点描述。

@ApiOperation({description: "This is the main Description of an Endpoint."})

想要手动添加请求架构

首先，请注意您有一个 GET-Endpoint。因此，针对该端点的任何请求 都不能有请求主体 。

所以..假设您使用允许请求主体的 HTTP 方法（如 POST），您可以使用 @ApiBody-Decorator。

在这里您可以定义主体摘要、架构（使用 OpenAPI-Schema Object）或类型（架构是从 Class 及其装饰器推断的）。

@ApiBody({
    type: PostHelloBodyDTO,
    description: "The Description for the Post Body. Please look into the DTO. You will see the @ApiOptionalProperty used to define the Schema.",
    examples: {
        a: {
            summary: "Empty Body",
            description: "Description for when an empty body is used",
            value: {} as PostHelloBodyDTO
        },
        b: {
            summary: "Hello Body",
            description: "Hello is used as the greeting",
            value: {greeting: "Hello"} as PostHelloBodyDTO
        }
    }
})

进一步参考

使用以下装饰将生成如下所示的 Swagger-Document。

@ApiOperation({description: "This is the main Description of an Endpoint."})
/// Request Documentation
@ApiParam({
    name: "name",
    description: "This Decorator specifies the documentation for a specific Parameter, in this case the <b>name</b> Param.",
    allowEmptyValue: false,
    examples: {
        a: {
            summary: "Name is Pete",
            description: "Pete can be provided as a name. See how it becomes a selectable option in the dropdown",
            value: "Pete"
        },
        b: {
            summary: "Name is Joe",
            value: "Joe"
        }
    }
})
@ApiQuery({
    name: "useExclamation",
    description: "This is the description of a query argument. In this instance, we have a boolean value.",
    type: Boolean,
    required: false // This value is optional
})
@ApiBody({
    type: PostHelloBodyDTO,
    description: "The Description for the Post Body. Please look into the DTO. You will see the @ApiOptionalProperty used to define the Schema.",
    examples: {
        a: {
            summary: "Empty Body",
            description: "Description for when an empty body is used",
            value: {} as PostHelloBodyDTO
        },
        b: {
            summary: "Hello Body",
            description: "Hello is used as the greeting",
            value: {greeting: "Hello"} as PostHelloBodyDTO
        }
    }

})
/// Response Documentation
@ApiOkResponse({
    description: "This description defines when a 200 (OK) is returned. For @Get-Annotated Endpoints this is always present. When, for example, using a @Post-Endpoint, a 201 Created is always present",
    schema: {
        type: "string",
        example: "Hello, Pete!"
        // For instructions on how to set a Schema, please refer to https://github.com/OAI/OpenAPI-Specification/blob/main/versions/3.0.3.md#schema-object-examples
    }
})
@ApiBadRequestResponse({
    description: "This description is for a 400 response. It is returned when additional query params are passed, or when the <b>useExclamation</b>-Argument could not be parsed as a boolean."
})
@ApiResponse({
    status: 417,
    description: "One can also provided a Status-Code directly, as seen here"
})
@Post(":name")
public postHello(...){...}

结果

Answer 4

如果有人在 Quarkus/OpenAPI 新版本中寻找解决方案，那么这里是解决方案：

添加请求正文：

 @RequestBody(content = @Content(
            examples = {@ExampleObject(name = "Testing Name", value = "{'name':'Abc', 'age':23}", description = "Testing Description")}))

添加摘要：

@Operation(summary = "Testing GitHub File Reader")

在一起：

import org.eclipse.microprofile.openapi.annotations.Operation;
import org.eclipse.microprofile.openapi.annotations.media.Content;
import org.eclipse.microprofile.openapi.annotations.media.ExampleObject;
import org.eclipse.microprofile.openapi.annotations.parameters.RequestBody;

import javax.ws.rs.Consumes;
import javax.ws.rs.POST;
import javax.ws.rs.Path;
import javax.ws.rs.Produces;
import javax.ws.rs.core.MediaType;
import java.util.Map;

@Path("/api")
public class RestControllerResponse {

    @Path("/generate")
    @POST
    @Operation(summary = "Testing GitHub File Reader")
    @Consumes({MediaType.APPLICATION_JSON, MediaType.APPLICATION_XML})
    @Produces({MediaType.APPLICATION_JSON, MediaType.APPLICATION_XML})
    @RequestBody(content = @Content(
            examples = {@ExampleObject(name = "Testing Name", value = "{'name':'Abc', 'age':23}", description = "Testing Description")}))
    public String generator(final Map<String, Object> input) throws Exception {
        return "Hello From Generator Method";
    }
}

如何在 swagger nestjs 中手动添加摘要和正文

How to add summary and body manually in swagger nestjs

swagger

swagger-ui

nestjs

nestjs-swagger

缺少摘要

想要手动添加请求架构

进一步参考

结果