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 的强大之处，基本上是每个项目组中必备的工具之一。