Bootstrap

Spring Boot集成Swagger2展现在线接口文档

1. Swagger 简介

1.1 解决的问题

随着互联网技术的发展,现在的网站架构基本都由原来的后端渲染,变成了前后端分离的形态,而且前端技术和后端技术在各自的道路上越走越远。前端和后端的唯一联系,变成了 API 接口,所以 API 文档变成了前后端开发人员联系的纽带,变得越来越重要。
那么问题来了,随着代码的不断更新,开发人员在开发新的接口或者更新旧的接口后,由于开发任务的繁重,往往文档很难持续跟着更新,Swagger 就是用来解决该问题的一款重要的工具,对使用接口的人来说,开发人员不需要给他们提供文档,只要告诉他们一个 Swagger 地址,即可展示在线的 API 接口文档,除此之外,调用接口的人员还可以在线测试接口数据,同样地,开发人员在开发接口时,同样也可以利用 Swagger 在线接口文档测试接口数据,这给开发人员提供了便利。

1.2 Swagger 官方

我们打开Swagger官方,官方对 Swagger 的定义为:

The Best APIs are Built with Swagger Tools

翻译成中文是:“最好的 API 是使用 Swagger 工具构建的”。由此可见,Swagger 官方对其功能和所处的地位非常自信,由于其非常好用,所以官方对其定位也合情合理。

本文主要讲解在 Spring Boot 中如何导入 Swagger2 工具来展现项目中的接口文档。本节课使用的Swagger 版本为 2.2.2。下面开始进入 Swagger2 之旅

2. Swagger2 的 maven 依赖

使用 Swagger2 工具,必须要导入 maven 依赖,当前官方最高版本是 2.8.0,我尝试了一下,个人感觉页面展示的效果不太好,而且不够紧凑,不利于操作。另外,最新版本并不一定是最稳定版本,当前我们实际项目中使用的是 2.2.2 版本,该版本稳定,界面友好,所以本节课主要围绕着 2.2.2 版本来展开,依赖如下:

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

但是实测有报错,解决方法:

springboot项目整合swagger要注意两者的版本,springboot项目的版本低,相应的swagger版本不能太高,反之亦然,避免项目报错,我的springboot版本为2.2.2,swagger版本为2.2.2,项目启动就会报如下错误:(这个问题的解决办法就是直接将pom文件中的swagger版本换成2.9.2就可以了)

3. Swagger2 的配置

使用 Swagger2 需要进行配置,Spring Boot 中对 Swagger2 的配置非常方便,新建一个配置类,Swagger2 的配置类上除了添加必要的 @Configuration 注解外,还需要添加 @EnableSwagger2 注解。

package blog.swagger;
 
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;
/**
 * @author if
 */
@Configuration
@EnableSwagger2
public class SwaggerConfig {
    @Bean
    public Docket createRestApi() {
        return new Docket(DocumentationType.SWAGGER_2)
// 指定构建api文档的详细信息的方法:apiInfo()
                .apiInfo(apiInfo())
                .select()
// 指定要生成api接口的包路径,这里把controller作为包路径,生成controller中的所有接口
                .apis(RequestHandlerSelectors.basePackage("blog.controller"))
                .paths(PathSelectors.any())
                .build();
    }
    /**
     * 构建api文档的详细信息
     * @return
     */
    private ApiInfo apiInfo() {
        return new ApiInfoBuilder()
        // 设置页面标题
        .title("if的小世界接口总览")
        // 设置接口描述
        .description("作者:if")
        // 设置版本
        .version("1.0")
        // 构建
        .build();
    }
}

在该配置类中,已经使用注释详细解释了每个方法的作用了,在此不再赘述。到此为止,我们已经配置好了 Swagger2 了。现在我们可以测试一下配置有没有生效,启动项目,在浏览器中输入localhost:8080/swagger-ui.html ,即可看到 swagger2 的接口页面,说明Swagger2集成成功。

友情提示可能有很多朋友在配置 Swagger 的时候会遇到下面的情况,而且还关不掉的,这是因为
浏览器缓存引起的,清空一下浏览器缓存即可解决问题。

4. Swagger2 的使用

上面我们已经配置好了 Swagger2,并且也启动测试了一下,功能正常,下面我们开始使用Swagger2,主要来介绍 Swagger2 中的几个常用的注解,分别在实体类上、 Controller 类上以及Controller 中的方法上,最后我们看一下 Swagger2 是如何在页面上呈现在线接口文档的,并且结合Controller 中的方法在接口中测试一下数据。

4.1 实体类注解

本节我们建一个 User 实体类,主要介绍一下 Swagger2 中的 @ApiModel 和 @ApiModelProperty 注解,同时为后面的测试做准备。

package blog.bean;
 
import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;
 
/**
 * @author if
 */
@Data
@ApiModel(value = "管理员实体类")
public class Admin {
    @ApiModelProperty("管理员id")
    private int id;
    @ApiModelProperty("管理员用户名")
    private String username;
    @ApiModelProperty("管理员密码")
    private String password;
    @ApiModelProperty("管理员名字")
    private String identity1;
}

解释下 @ApiModel 和 @ApiModelProperty 注解:

@ApiModel 注解用于实体类,表示对类进行说明,用于参数用实体类接收。
@ApiModelProperty 注解用于类中属性,表示对 model 属性的说明或者数据操作更改。

该注解在在线 API 文档中的具体效果在下文说明。

4.2 Controller 类中相关注解

我们写一个 TestController,再写几个接口,然后学习一下 Controller 中和 Swagger2 相关的注解。

import com.itcodai.course06.entiy.JsonResult; 
import com.itcodai.course06.entiy.User; 
import io.swagger.annotations.Api; 
import io.swagger.annotations.ApiOperation; 
import io.swagger.annotations.ApiParam; 
import org.springframework.web.bind.annotation.GetMapping; 
import org.springframework.web.bind.annotation.PathVariable;import org.springframework.web.bind.annotation.RequestMapping; 
import org.springframework.web.bind.annotation.RestController; 
@RestController @RequestMapping("/swagger") 
@Api(value = "Swagger2 在线接口文档") 
public class TestController { 
@GetMapping("/get/{id}") 
@ApiOperation(value = "根据用户唯一标识获取用户信息") 
public JsonResult<User> getUserInfo(@PathVariable @ApiParam(value = "用户唯一 
标识") Long id) { 
// 模拟数据库中根据id获取User信息 User user = new User(id, "if", "123456"); 
return new JsonResult(user); 
} 
}

我们来学习一下 @Api 、 @ApiOperation 和 @ApiParam 注解

@Api 注解用于类上,表示标识这个类是 swagger 的资源。
@ApiOperation 注解用于方法,表示一个 http 请求的操作。
@ApiParam 注解用于参数上,用来标明参数信息。

这里返回的是 JsonResult,是第02课中学习返回 json 数据时封装的实体。以上是 Swagger 中最常用的5 个注解,接下来运行一下项目工程,在浏览器中输入 localhost:8080/swagger-ui.html 看一下Swagger 页面的接口状态。
可以看出,Swagger 页面对该接口的信息展示的非常全面,每个注解的作用以及展示的地方在上图中已经标明,通过页面即可知道该接口的所有信息,那么我们直接在线测试一下该接口返回的信息,输入id为1,看一下返回数据:
可以看出,直接在页面返回了 json 格式的数据,开发人员可以直接使用该在线接口来测试数据的正确与否,非常方便。上面是对于单个参数的输入,如果输入参数为某个对象这种情况,Swagger 是什么样子呢?我们再写一个接口。

@PostMapping("/insert") 
@ApiOperation(value = "添加用户信息") 
public JsonResult<Void> insertUser(@RequestBody @ApiParam(value = "用户信息") User user) { 
// 处理添加逻辑 return new JsonResult<>(); 
}

遇到json格式的话应该这样写

@PostMapping("/post")
@ApiOperation(httpMethod="POST",value="接口作用")
@ApiImplicitParam( name = "JSON格式", value = "请求参数说明:{'username':'用户名','password':'密码',.....}", required = true, paramType = "body" )
public Map<String, Object> addBlog(@RequestBody JSONObject jsonObject){
    代码
}

重启项目,在浏览器中输入 localhost:8080/swagger-ui.html 看一下效果:
在这里插入图片描述
如果需要随时关闭或开启swagger的话

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.http.HttpStatus;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
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;

import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**
 * @author if
 */
@Configuration
@EnableSwagger2
@Controller
public class SwaggerConfig {
    @RequestMapping(value = "swagger-ui.html", method = RequestMethod.GET)
    public String getSwagger(HttpServletResponse httpResponse) throws IOException {
        //自带报错
        httpResponse.setStatus(HttpStatus.NOT_FOUND.value());
        //跳转404界面
        return "404Page.html";
    }
    @Bean
    public Docket createRestApi() {
        return new Docket(DocumentationType.SWAGGER_2)
// 指定构建api文档的详细信息的方法:apiInfo()
                .apiInfo(apiInfo())
                .select()
// 指定要生成api接口的包路径,这里把controller作为包路径,生成controller中的所有接口
                .apis(RequestHandlerSelectors.basePackage("blog.controller"))
                .paths(PathSelectors.any())
                .build()
                //禁止访问swagger接口ui界面
                .enable(false);
    }
    /**
     * 构建api文档的详细信息
     * @return
     */
    private ApiInfo apiInfo() {
        return new ApiInfoBuilder()
        // 设置页面标题
        .title("if的小世界接口总览")
        // 设置接口描述
        .description("作者:if")
        // 设置版本
        .version("1.0")
        // 构建
        .build()
                ;

    }
}

使用

.enable(false);

即可

5. 总结

OK,本节课详细分析了 Swagger 的优点,以及 Spring Boot 如何集成 Swagger2,包括配置,相关注解的讲解,涉及到了实体类和接口类,以及如何使用。最后通过页面测试,体验了 Swagger 的强大之处,基本上是每个项目组中必备的工具之一。

;