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

简介: 小满nestjs(第二十三章 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();


9a1be201b57242c6a44f1e3674c7e02f.png


打开对应的路径即可


236cfafcd81a4312a87bc859ddadd85e.png


现在发现并没有分组很乱


可以使用ApiTags 添加分组


4ce8da2366364493878a9e79b665b898.png

7bb7434d04ff49459170b280556c7847.png


ApiOperation 接口描述


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

4845cb968a7c453da9d705032199a596.png


ApiParam 动态参数描述


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

5f95ccb6c9e741d7ae1af44dc02bd7e7.png


ApiQuery 修饰get


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

cf8a5e9a586e4eaa8641bb78b629729a.png


ApiProperty 定义Post


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

c4ef21446c05482d97adba5948163a0c.png


ApiResponse 自定义返回信息


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


7f6ee1894378478bbaf0c5013c4a25e5.png


ApiBearerAuth  jwt token


main.ts 增加 addBearerAuth()


3fdef8f1147e473ba12541556c13dc3f.png

d888762b030344b480070d2a3235f2a9.png


添加token


5642cc7a3667402fbac54fdbca539d1c.png


06048bfdd0414154b53c4f67ccb0312a.png


请求头携带了


其他装饰器  



999e492e1d7a45d0b5b51069477a936f.png

目录
相关文章
|
JSON Shell API
ThinkPHP5使用Swagger-php接口文档
ThinkPHP5使用Swagger-php接口文档
264 0
|
1月前
|
API
23_Swagger接口文档
23_Swagger接口文档
29 0
|
1月前
|
前端开发 应用服务中间件 nginx
使用swagger和knife4j生成的接口文档在浏览器中输入地址后报404错误
使用swagger和knife4j生成的接口文档在浏览器中输入地址后报404错误
147 0
|
9月前
|
运维 前端开发 JavaScript
Swagger生成接口文档
Swagger生成接口文档
124 0
|
10月前
|
前端开发 数据可视化 Java
Swagger 接口文档 | knife4j 增强方案
Swagger 接口文档 | knife4j 增强方案
149 0
Swagger 接口文档 | knife4j 增强方案
|
11月前
|
安全 数据可视化 Java
Swagger 自动生成 Api 文档:简化接口文档编写
自动生成 API 文档的好处不言而喻,它可以提供给你的团队或者外部协作者,方便 API 使用者准确地调用到你的 API。为了降低手动编写文档带来的错误,很多 API 开发者会偏向于寻找一些好的方法来自动生成 API 文档。
Swagger 自动生成 Api 文档:简化接口文档编写
|
11月前
|
存储 SQL Java
Spring Boot + vue-element 开发个人博客项目实战教程(十、调试、密码加密和Swagger接口文档)(上)
Spring Boot + vue-element 开发个人博客项目实战教程(十、调试、密码加密和Swagger接口文档)(上)
73 1
|
10月前
|
资源调度 API
[Nestjs] 集成 Swagger
安装 Swagger 模块:首先,使用 npm 或者 yarn 安装 @nestjs/swagger 模块。
106 0
|
10月前
|
JSON Java API
SpringBoot集成Swagger2自动生成API接口文档
SpringBoot集成Swagger2自动生成API接口文档
120 0
|
11月前
|
前端开发 数据可视化 安全
Spring Boot + vue-element 开发个人博客项目实战教程(十、调试、密码加密和Swagger接口文档)(下)
Spring Boot + vue-element 开发个人博客项目实战教程(十、调试、密码加密和Swagger接口文档)(下)
133 0