小满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

目录
相关文章
|
2月前
|
前端开发 Java API
Swagger接口文档 —— 手把手教学,全方位超详细小白能看懂,百分百能用Java版
本文提供了一份详细的Swagger接口文档生成工具的使用教程,包括了导入依赖、配置类设置、资源映射、拦截器配置、Swagger注解使用、生成接口文档、在线调试页面访问以及如何设置全局参数(如token),旨在帮助Java开发者快速上手Swagger。
633 0
Swagger接口文档 —— 手把手教学,全方位超详细小白能看懂,百分百能用Java版
|
5月前
|
JSON 缓存 Java
Spring Boot集成 Swagger2 展现在线接口文档
本节课详细分析了 Swagger 的优点,以及 Spring Boot 如何集成 Swagger2,包括配置,相关注解的讲解,涉及到了实体类和接口类,以及如何使用。最后通过页面测试,体验了 Swagger 的强大之处,基本上是每个项目组中必备的工具之一,所以要掌握该工具的使用,也不难。
支付系统---微信支付14----创建案例项目---介绍,第二步引入Swagger,接口文档和测试页面生成工具,定义统一结果的目的是让结果变得更加规范,以上就是谷粒项目的几个过程
支付系统---微信支付14----创建案例项目---介绍,第二步引入Swagger,接口文档和测试页面生成工具,定义统一结果的目的是让结果变得更加规范,以上就是谷粒项目的几个过程
|
7月前
|
API
23_Swagger接口文档
23_Swagger接口文档
73 0
|
7月前
|
前端开发 应用服务中间件 nginx
使用swagger和knife4j生成的接口文档在浏览器中输入地址后报404错误
使用swagger和knife4j生成的接口文档在浏览器中输入地址后报404错误
566 0
|
前端开发 数据可视化 Java
Swagger 接口文档 | knife4j 增强方案
Swagger 接口文档 | knife4j 增强方案
197 0
Swagger 接口文档 | knife4j 增强方案
|
安全 数据可视化 Java
Swagger 自动生成 Api 文档:简化接口文档编写
自动生成 API 文档的好处不言而喻,它可以提供给你的团队或者外部协作者,方便 API 使用者准确地调用到你的 API。为了降低手动编写文档带来的错误,很多 API 开发者会偏向于寻找一些好的方法来自动生成 API 文档。
Swagger 自动生成 Api 文档:简化接口文档编写
|
运维 前端开发 JavaScript
Swagger生成接口文档
Swagger生成接口文档
204 0
|
存储 SQL Java
Spring Boot + vue-element 开发个人博客项目实战教程(十、调试、密码加密和Swagger接口文档)(上)
Spring Boot + vue-element 开发个人博客项目实战教程(十、调试、密码加密和Swagger接口文档)(上)
105 1
|
资源调度 API
[Nestjs] 集成 Swagger
安装 Swagger 模块:首先,使用 npm 或者 yarn 安装 @nestjs/swagger 模块。
175 0