Swagger-UI 介绍及基本使用指南

简介: Swagger-UI 介绍及基本使用指南

概述

OpenAPI 介绍

随着互联网技术的发展,现在的网站架构基本都由原来的后端渲染,变成了:前端渲染、前后端分离的形态,而且前端技术和后端技术在各自的道路上越走越远。  前端和后端的唯一联系,变成了API接口;API 文档变成了前后端开发人员联系的纽带,变得越来越重要。

没有 API 文档工具之前,大家都是手写 API 文档的,在什么地方书写的都有,而且 API 文档没有统一规范和格式,每个公司都不一样。这无疑给开发带来了灾难。

OpenAPI 规范(OpenAPI Specification 简称OAS)是 Linux 基金会的一个项目,试图通过定义一种用来描述 API 格式或 API 定义的语言,来规范 RESTful 服务开发过程。目前 V3.0 版本的 OpenAPI 规范已经发布并开源在 github 上 。

源码:https://github.com/OAI/OpenAPI-Specification


swagger 介绍

OpenAPI 是一个编写 API 文档的规范,然而如果手动去编写 OpenAPI 规范的文档,是非常麻烦的。而 Swagger 就是一个实现了OpenAPI 规范的工具集。

官网:https://swagger.io/

Swagger 包含的工具集:

  • Swagger编辑器: Swagger Editor允许在浏览器中编辑YAML中的OpenAPI规范并实时预览文档。
  • Swagger UI: Swagger UI是HTML,Javascript和CSS资产的集合,可以从符合OAS标准的API动态生成漂亮的文档。
  • Swagger Codegen:允许根据OpenAPI规范自动生成API客户端库(SDK生成),服务器存根和文档。
  • Swagger Parser:用于解析来自Java的OpenAPI定义的独立库
  • Swagger Core:与Java相关的库,用于创建,使用和使用OpenAPI定义
  • Swagger Inspector(免费): API测试工具,可让您验证您的API并从现有API生成OpenAPI定义
  • SwaggerHub(免费和商业): API设计和文档,为使用OpenAPI的团队构建。


快速入门案例

SpringBoot 已经集成了 Swagger,使用简单注解即可生成 swagger 的 API 文档。

引入依赖

<dependency>
    <groupId>io.springfox</groupId>
    <artifactId>springfox-swagger2</artifactId>
    <version>2.8.0</version>
</dependency>
<dependency>
    <groupId>io.springfox</groupId>
    <artifactId>springfox-swagger-ui</artifactId>
    <version>2.8.0</version>
</dependency>


编写配置

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import springfox.documentation.builders.ApiInfoBuilder;
import springfox.documentation.builders.PathSelectors;
import springfox.documentation.builders.RequestHandlerSelectors;
import springfox.documentation.service.ApiInfo;
import springfox.documentation.spi.DocumentationType;
import springfox.documentation.spring.web.plugins.Docket;
import springfox.documentation.swagger2.annotations.EnableSwagger2;

@Configuration
@EnableSwagger2
public class SwaggerConfig {
    @Bean
    public Docket api() {
        return new Docket(DocumentationType.SWAGGER_2)
                .host("localhost:8085")//可不要
                .apiInfo(apiInfo())
                .select()
                .apis(RequestHandlerSelectors.basePackage("controller包路径"))
                .paths(PathSelectors.any())
                .build();
    }

    private ApiInfo apiInfo() {
        return new ApiInfoBuilder()
                .title("乐优商城用户中心")//微服务名称
                .description("乐优商城用户中心接口文档")
                .version("1.0")
                .build();
    }
}


启动测试

重启服务,访问:http://localhost:8085/swagger-ui.html

就能看到 swagger-ui 提供的API页面了:

1.jpg

可以看到编写的4个接口,任意点击一个,即可看到接口的详细信息:

2.jpg

可以看到详细的接口声明,包括:

  • 请求方式:
  • 请求路径
  • 请求参数
  • 响应等信息

点击右上角的try it out!还可以测试接口:

3.jpg

填写参数信息,点击execute,可以发起请求并测试:

4.jpg


自定义接口

概述

swagge-ui 根据接口自动生成文档说明,不够详细。如果有需要,可以通过注解自定义接口声明。

常用的注解包括:

  • @Api:修饰整个类,描述Controller的作用
  • @ApiOperation:描述一个类的一个方法,或者说一个接口
  • @ApiParam:单个参数描述
  • @ApiModel:用对象来接收参数
  • @ApiProperty:用对象接收参数时,描述对象的一个字段
  • @ApiResponse:HTTP响应其中1个描述
  • @ApiResponses:HTTP响应整体描述
  • @ApiIgnore:使用该注解忽略这个API
  • @ApiError:发生错误返回的信息
  • @ApiImplicitParam:一个请求参数
  • @ApiImplicitParams:多个请求参数

示例:

/**
* 用户名和手机号唯一性校验功能
*/
@GetMapping("/check/{data}/{type}")
@ApiOperation(value = "校验用户名、手机号数据是否可用,如果不存在则可用")
@ApiResponses({
    @ApiResponse(code = 200, message = "校验结果有效,true或false代表可用或不可用"),
    @ApiResponse(code = 400, message = "请求参数有误,比如type不是指定值")
})
public ResponseEntity<Boolean> checkUser(
    @ApiParam(value = "要校验的数据", example = "lisi") @PathVariable("data") String data,
    @ApiParam(value = "数据类型,1:用户名,2:手机号", example = "1") @PathVariable(value = "type") Integer type) {
    return ResponseEntity.ok(userService.checkUser(data, type));
}

查看文档:

5.jpg


常用注解说明

@Api

用在请求的类上,表示对类的说明

常用参数:
value="描述类的作用"
其他参数:
tags="说明该类的作用,非空时将覆盖value的值,可以在UI界面上看到的注解"
description           对api资源的描述,在1.5版本后不再支持
basePath              基本路径可以不配置,在1.5版本后不再支持
position              如果配置多个Api 想改变显示的顺序位置,在1.5版本后不再支持
    
produces              设置MIME类型列表(output),例:"application/json, application/xml",默认为空
consumes              设置MIME类型列表(input),例:"application/json, application/xml",默认为空
protocols             设置特定协议,例:http, https, ws, wss。
authorizations        获取授权列表(安全声明),如果未设置,则返回一个空的授权值。
hidden                默认为false, 配置为true 将在文档中隐藏

示例:

@Api(tags="登录请求")
@Controller
@RequestMapping(value="/highPregnant")
public class LoginController {}


@ApiOperation

用在请求的方法上,说明方法的用途、作用

常用参数:
value="说明方法的用途、作用"
notes="方法的备注说明"
其他参数:
tags                操作标签,非空时将覆盖value的值
response            响应类型(即返回对象)
responseContainer   声明包装的响应容器(返回对象类型)。有效值为 "List", "Set" or "Map"。
responseReference      指定对响应类型的引用。将覆盖任何指定的response()类
httpMethod            指定HTTP方法,"GET", "HEAD", "POST", "PUT", "DELETE", "OPTIONS" and "PATCH"
position            如果配置多个Api 想改变显示的顺序位置,在1.5版本后不再支持
nickname             第三方工具唯一标识,默认为空
produces            设置MIME类型列表(output),例:"application/json, application/xml",默认为空
consumes            设置MIME类型列表(input),例:"application/json, application/xml",默认为空
protocols           设置特定协议,例:http, https, ws, wss。
authorizations      获取授权列表(安全声明),如果未设置,则返回一个空的授权值。
hidden              默认为false, 配置为true 将在文档中隐藏
responseHeaders     响应头列表
code                响应的HTTP状态代码。默认 200
extensions          扩展属性列表数组

示例:

@ResponseBody
@PostMapping(value="/login")
@ApiOperation(value = "登录检测", notes="根据用户名、密码判断该用户是否存在")
public UserModel login(@RequestParam(value = "name", required = false) String account, 
                       @RequestParam(value = "pass", required = false) String password){}


@ApiImplicitParams

用在请求的方法上,表示一组参数说明

@ApiImplicitParam:用在@ApiImplicitParams注解中,指定一个请求参数的各个方面

常用参数:
name:参数名,参数名称可以覆盖方法参数名称,路径参数必须与方法参数一致
value:参数的汉字说明、解释
required:参数是否必须传,默认为false [路径参数必填]
paramType:参数放在哪个地方
    · header --> 请求参数的获取:@RequestHeader
    · query --> 请求参数的获取:@RequestParam
    · path(用于restful接口)--> 请求参数的获取:@PathVariable
    · body(不常用)
    · form(不常用)
dataType:参数类型,默认String,其它值dataType="Integer"
defaultValue:参数的默认值
其他参数:
allowableValues     限制参数的可接受值。1.以逗号分隔的列表   2、范围值  3、设置最小值/最大值
access              允许从API文档中过滤参数。
allowMultiple       指定参数是否可以通过具有多个事件接受多个值,默认为false
example             单个示例
examples             参数示例。仅适用于BodyParameters

示例:

@ResponseBody
@PostMapping(value="/login")
@ApiOperation(value = "登录检测", notes="根据用户名、密码判断该用户是否存在")
@ApiImplicitParams({
      @ApiImplicitParam(name = "name", value = "用户名", required = false, paramType = "query", dataType = "String"),
      @ApiImplicitParam(name = "pass", value = "密码", required = false, paramType = "query", dataType = "String") 
})
public UserModel login(@RequestParam(value = "name", required = false) String account,
                       @RequestParam(value = "pass", required = false) String password){}


@ApiModel、@ApiModelProperty

@ApiModel

  • 用在请求的类上,表示对类的说明
  • 用于响应类上,表示一个返回响应数据的信息

    这种一般用在 post 请求,使用 @RequestBody 这样的场景,请求参数无法使用 @ApiImplicitParam 注解进行描述的时候

@ApiModelProperty:用在属性上,描述响应类的属性

常用参数:
value         此属性的简要说明。
name          允许覆盖属性名称

其他参数:
allowableValues    限制参数的可接受值。1.以逗号分隔的列表   2、范围值  3、设置最小值/最大值
access             允许从API文档中过滤属性。
notes              目前尚未使用。
dataType           参数的数据类型。可以是类名或者参数名,会覆盖类的属性名称。
required           参数是否必传,默认为false
position           允许在类中对属性进行排序。默认为0
hidden             允许在Swagger模型定义中隐藏该属性。
example            属性的示例。
readOnly           将属性设定为只读。
reference          指定对相应类型定义的引用,覆盖指定的任何参数值

示例:

@ApiModel(value="用户登录信息", description="用于判断用户是否存在")
public class UserModel implements Serializable{
    private static final long serialVersionUID = 1L;

    /**用户名 */ 
    @ApiModelProperty(value="用户名") 
    private String account;

    /**密码 */ 
    @ApiModelProperty(value="密码") 
    private String password;
}


@ApiResponses

用在请求的方法上,表示一组响应

@ApiResponse:用在@ApiResponses中,一般用于表达一个错误的响应信息

常用参数:
code:数字,例如400
message:信息,例如"请求参数没填好"
response:抛出异常的类

示例:

@ResponseBody
@PostMapping(value="/update/{id}")
@ApiOperation(value = "修改用户信息",notes = "打开页面并修改指定用户信息")
@ApiResponses({
    @ApiResponse(code=400,message="请求参数没填好"),
    @ApiResponse(code=404,message="请求路径没有或页面跳转路径不对")
})
public JsonResult update(@PathVariable String id, UserModel model){}


@ApiParam

用在请求方法中,描述参数信息

常用参数:
name:参数名称,参数名称可以覆盖方法参数名称,路径参数必须与方法参数一致
value:参数的简要说明。
defaultValue:参数默认值
required:属性是否必填,默认为false [路径参数必须填]
其他参数:
allowableValues     限制参数的可接受值。1.以逗号分隔的列表   2、范围值  3、设置最小值/最大值
access              允许从API文档中过滤参数。
allowMultiple       指定参数是否可以通过具有多个事件接受多个值,默认为false
hidden              隐藏参数列表中的参数。
example             单个示例
examples             参数示例。仅适用于BodyParameters

示例:

@ResponseBody
@PostMapping(value="/login")
@ApiOperation(value = "登录检测", notes="根据用户名、密码判断该用户是否存在")
public UserModel login(@ApiParam(name = "name", value = "用户名", required = false) 
                       @RequestParam(value = "name", required = false) 
                       String account,
                       @ApiParam(name = "pass", value = "密码", required = false) 
                       @RequestParam(value = "pass", required = false) 
                       String password){}

//或以实体类为参数:
@ResponseBody 
@PostMapping(value="/login") 
@ApiOperation(value = "登录检测", notes="根据用户名、密码判断该用户是否存在") 
public UserModel login(@ApiParam(name = "model", value = "用户信息Model") UserModel model){}
相关文章
|
6月前
|
数据可视化 前端开发 Java
简单使用Swagger
Swagger是一个用于生成、描述和可视化RESTful服务的框架,简化前后端分离开发,自动化接口文档生成,支持功能测试。Springfox是Spring中的Swagger实现。Knife4j是Java MVC的Swagger增强工具,提供更便捷的Api文档生成。使用步骤包括添加依赖、配置Docket、设置静态资源映射。常用注解如`@Api`, `@ApiOperation`, `@ApiModel`, `@ApiModelProperty`用于美化接口文档。虽然Swagger可生成接口文档,但它与设计阶段工具如Yapi互补,分别适用于开发和设计阶段。
102 3
简单使用Swagger
|
Java API Spring
API管理工具Swagger介绍及Springfox原理分析
swagger是一个API框架,号称世界上最流行的API工具。它提供了API管理的全套解决方案,比如API在线编辑器,API UI展示界面,代码生成器等诸多功能。
11289 11
开发指南021-swagger的使用
后台接口用swagger3来管理。之前有些老项目使用了swagger2,强制要求升级到swagger3.
|
Java API Maven
探索Knife4j Spring UI:优雅的API文档生成工具
在现代的应用开发中,API(Application Programming Interface)文档是团队合作和项目维护的关键。然而,编写和维护API文档可能是一个繁琐的任务。Knife4j Spring UI作为一款优雅的API文档生成工具,为我们提供了一种简单和高效的方式来生成易于阅读和测试的API文档。本文将深入探讨Knife4j Spring UI的基本概念、特点,以及如何在实际应用中使用它进行API文档管理和测试。
387 0
|
前端开发 Java API
集成Swagger 学习(一)
集成Swagger 学习(一)
100 0
|
安全 API
集成Swagger 学习(二)
集成Swagger 学习(二)
84 0
|
Java API Spring
Swagger UI 2.0和3.0学习笔记
Swagger UI 2.0和3.0学习笔记
|
缓存 搜索推荐 前端开发
Swagger的界面太丑,试试knife4j的接口文档吧
Swagger的界面太丑,试试knife4j的接口文档吧
364 0
|
前端开发 Java API
Swagger简介
- 前端 -> 前端控制层、视图层 - 后端 -> 后端控制层、服务层、数据访问层 - 前后端通过API进行交互 - 前后端相对独立且松耦合
Swagger简介
|
JSON API PHP
Swagger TP框架整合Swagger UI接口文档
Swagger TP框架整合Swagger UI接口文档
130 0
Swagger TP框架整合Swagger UI接口文档