首页 > 其他分享 >小满nestjs(第二十三章 nestjs swagger接口文档)

小满nestjs(第二十三章 nestjs swagger接口文档)

时间:2023-01-17 14:35:42浏览次数:47  
标签:description ApiProperty app 接口 小满 nestjs swagger


swagger 用于提供给前端接口文档

安装命令如下

npm install  @nestjs/swagger swagger-ui-express

在main.ts 注册swagger

async function bootstrap() {
const app = await NestFactory.create<NestExpressApplication>(AppModule);
const options = new DocumentBuilder().setTitle('小满接口文档').setDescription('描述,。。。').setVersion('1').build()
const document = SwaggerModule.createDocument(app,options)
SwaggerModule.setup('/api-docs',app,document)
await app.listen(3000);
}
bootstrap();

小满nestjs(第二十三章 nestjs swagger接口文档)_前端

 打开对应的路径即可

小满nestjs(第二十三章 nestjs swagger接口文档)_vue.js_02

 现在发现并没有分组很乱

可以使用ApiTags 添加分组

小满nestjs(第二十三章 nestjs swagger接口文档)_接口文档_03

 

小满nestjs(第二十三章 nestjs swagger接口文档)_前端_04

 ApiOperation 接口描述

@Get()
@Role('admin')
@ApiOperation({summary:"测试admin",description:"请求该接口需要amdin权限"})
findAll(@ReqUrl('123') url:string) {
console.log(url,'url')
return this.guardService.findAll();
}

小满nestjs(第二十三章 nestjs swagger接口文档)_前端_05

 ApiParam 动态参数描述

@ApiParam({name:"id",description:"用户id",required:true})

小满nestjs(第二十三章 nestjs swagger接口文档)_接口文档_06

 ApiQuery 修饰get

@ApiQuery({name:"xxxx",description:"bbb"})

小满nestjs(第二十三章 nestjs swagger接口文档)_接口文档_07

 ApiProperty 定义Post

import { ApiProperty } from "@nestjs/swagger"

export class CreateGuardDto {
@ApiProperty({ description: "姓名", example: "小满" })
name: string
@ApiProperty({ description:"年龄"})
age: number
}

小满nestjs(第二十三章 nestjs swagger接口文档)_bootstrap_08

 ApiResponse 自定义返回信息

@ApiResponse({status:403,description:"自定义返回信息"})

小满nestjs(第二十三章 nestjs swagger接口文档)_接口文档_09

ApiBearerAuth  jwt token

 main.ts 增加 addBearerAuth()

小满nestjs(第二十三章 nestjs swagger接口文档)_bootstrap_10

小满nestjs(第二十三章 nestjs swagger接口文档)_bootstrap_11

  添加token

小满nestjs(第二十三章 nestjs swagger接口文档)_bootstrap_12

 

小满nestjs(第二十三章 nestjs swagger接口文档)_vue.js_13

请求头携带了 

其他装饰器 

小满nestjs(第二十三章 nestjs swagger接口文档)_接口文档_14

标签:description,ApiProperty,app,接口,小满,nestjs,swagger
From: https://blog.51cto.com/u_13463935/6017253

相关文章