什么是Swagger
swagger(丝袜哥)是当下比较流行的实时接口文档生成工具。前后端分离后,前后端交流比较重要的东西,就是接口文档。离线文档,最大的弊端就是接口程序发生变动的时候,需要回过头来维护上面的内容,确实比较玛法。
实时接口文档可以根据代码来自动生成相应的接口文档。根据代码自动生成的文档,最大的弊端是代码入侵性强(但对比起实时维护接口的麻烦,这是小问题)。Swagger就是其中比较有影响力的实施接口文档。
注:接下来的环境和方法,指的是在Java的SpringBoot框架下,使用和配置Swagger.
配置步骤
swagger的官网地址为:https://swagger.io/ ,当然是英文版的,可以参考。Swagger分为Swagger2和Swagger3两个常用版本。用起来,主体的区别不是很大,现在以Swagger3为例。
1. 在xml下添加配置
Springboot2.6之前的版本(如果高于这个会有版本冲突,解决方案详见下文)
<!-- Swagger 3 -->
<dependency>
<groupId>io.springfox</groupId>
<artifactId>springfox-boot-starter</artifactId>
<version>3.0.0</version>
</dependency>
但是,如果引用Springdoc,注解与spirngfox不同 。引用如下:
<dependency><groupId>org.springdoc</groupId><artifactId>springdoc-openapi</artifactId><version>1.6.9</version></dependency>
注释对照关系如下:
springfox | springdoc |
@Api |
@Tag
|
@ApiIgnore
|
@Parameter(hidden = true) or @Operation(hidden = true) or @Hidden
|
@ApiImplicitParam
|
@Parameter
|
ApiImplicitParams
|
@Parameters
|
@ApiModel
|
@Schema
|
@ApiModelProperty(hidden = true)
|
@Schema(accessMode = READ_ONLY)
|
@ApiOperation(value = "foo", notes = "bar")
|
@Operation(summary = "foo", description = "bar")
|
@ApiParam
|
@Parameter
|
@ApiResponse(code = 404, message = "foo")
|
@ApiResponse(responseCode = "404", description = "foo") |
Swagger 配置类
/*** Swagger配置类* @Author:lyj* @Package:com.example.demo.demo.config* @Project:demo* @name:SwaggerConfig* @Date:2024/9/18 14:19* @Filename:SwaggerConfig*/ @Configuration @EnableOpenApi public class SwaggerConfig {/*** 创建API* @return*/@Beanpublic Docket createRestApi(){return new Docket(DocumentationType.OAS_30)// 是否启用Swagger.enable(true)// API的基本信息,展示在文档页面中(自定义展示信息) .apiInfo(apiInfo())// 设置哪些接口暴露给Swaager展示 .select()// 扫码所有注解的api,用这种方式比较灵活.apis(RequestHandlerSelectors.withMethodAnnotation(ApiOperation.class))// 扫描指定包中的swagger注解//.apis(RequestHandlerSelectors.basePackage("com.ruoyi.project.tool.swagger"))// 扫描所有 .apis(RequestHandlerSelectors.any()) .build();}/*** 添加照耀信息* @return*/private ApiInfo apiInfo() {return new ApiInfoBuilder()// 标题.title("XXXX项目接口文档")// 说明信息.description("项目的说明信息")// 文档生成的主页地址.termsOfServiceUrl("文档生成的主页地址")// 作者信息.contact(new Contact("姓名","url","邮箱地址"))//版本.version("版本号:1.0").build();} }
如果启动成功,Swagger的访问地址:IP地址:端口号/swagger-ui/index.html (http://localhost:8081/swagger-ui/index.html)。
假设已有接口文档
@Data @ApiModel("用户") public class User {private Integer id;@ApiModelProperty("姓名")private String name;@ApiModelProperty("地址")private String addr; }
@RestController @RequestMapping("/user") @Api(value = "用户接口",tags = {"用户接口"}) public class UserController {@ApiOperation("新增用户")@PostMapping("save")public String save(@RequestBody User user){return "success " + user.getName();}@ApiOperation("根据条件查询")@GetMapping("get/{id}")public User getById(@PathVariable("id") Integer id){User user = new User();user.setId(id);user.setName("zs");user.setAddr("地址:123456……");return user;} }
访问成功
SpringBoot和Swagger版本兼容问题
按照以上的方式,当我们启动项目是,可能会报错:“Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException”。
异常原因是:因为SpringBoot和Swagger版本不兼容。
最直接的方法,是将SpringBoot版本,修改到2.6.0以下。如果项目中的SpringBoot版本不能修改的话,我们还可以在application.yml配置文件中进行修改
spring:profiles:active: devmvc:pathmatch:matching-strategy: ant_path_matcher
修改UI
不过,依照我们的习惯,Swagger原生的样式不是特别好看(不是指样式,指的不太好看到接口)。
- 缺乏搜索功能
- 接口类多起来,找接口有如大海捞针。
- 接口边上,没有带着接口注释
- 看Model,需要拖拽到最后,没有很自然的切换。
所有又有一些大神,提供了其他的UI测试页面。这个页面的使用还是比较广泛的。添加引用 (具体引用,根据SpringBoot版本:https://doc.xiaominfo.com/docs/quick-start/start-knife4j-version)
<dependency><groupId>com.github.xiaoymin</groupId><artifactId>knife4j-openapi3-jakarta-spring-boot-starter</artifactId><version>4.0.0</version></dependency>
接口分组
假设对demo1和demo2两个包进行分组。
额外创建分组1和分组2,Swagger的包或路径过滤,请参考:https://www.cnblogs.com/luyj00436/p/18421728
/*** 默认分组* @return*/@Beanpublic Docket createRestApi(){return new Docket(DocumentationType.OAS_30)// API的基本信息,展示在文档页面中(自定义展示信息) .apiInfo(apiInfo())// 设置哪些接口暴露给Swaager展示 .select()// 扫码所有注解的api,用这种方式比较灵活.apis(RequestHandlerSelectors.withMethodAnnotation(ApiOperation.class))// 扫描指定包中的swagger注解//.apis(RequestHandlerSelectors.basePackage("com.ruoyi.project.tool.swagger"))// 扫描所有 .apis(RequestHandlerSelectors.any()) .build();}/*** 分组1* @return*/@Beanpublic Docket ApiDemo1(){return new Docket(DocumentationType.OAS_30).groupName("分组1")// API的基本信息,展示在文档页面中(自定义展示信息) .apiInfo(apiInfo1())// 设置哪些接口暴露给Swaager展示 .select().apis(RequestHandlerSelectors.basePackage("com.example.demo1")).build();}/*** 分组2* @return*/@Beanpublic Docket ApiDemo2(){return new Docket(DocumentationType.OAS_30).groupName("分组2")// API的基本信息,展示在文档页面中(自定义展示信息) .apiInfo(apiInfo2())// 设置哪些接口暴露给Swaager展示 .select().apis(RequestHandlerSelectors.basePackage("com.example.demo2")).build();}
swaggerUI 拦截器和跨域冲突处理
如果我们的项目中有关于跨域的处理,同时还有拦截器,然后还要使用swagger,这种情况大家要注意了,有可能我们的拦截器会将swagger中的页面路径拦截掉导致swagger页面出不来,当我们在拦截器中把swagger的页面排除掉的时候,也有可能会导致跨域配置的失效。
第一步,定义拦截器
/*** 拦截器配置**/ @Configuration public class InterceptorConfig implements WebMvcConfigurer {@Beanpublic TokenInterceptor tokenInterceptor() {return new TokenInterceptor();}@Overridepublic void addInterceptors(InterceptorRegistry registry) {registry.addInterceptor(tokenInterceptor()).addPathPatterns("/**").excludePathPatterns("/user/login").excludePathPatterns("/user/downloadExcel").excludePathPatterns("/swagger-resources/**", "/webjars/**", "/v2/**", "/swagger-ui.html/**");}@Overridepublic void addResourceHandlers(ResourceHandlerRegistry registry) {registry.addResourceHandler("swagger-ui.html").addResourceLocations("classpath:/META-INF/resources/");registry.addResourceHandler("/webjars/**").addResourceLocations("classpath:/META-INF/resources/webjars/");} }
第2步:跨域配置
import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web.cors.UrlBasedCorsConfigurationSource; import org.springframework.web.filter.CorsFilter;@Configuration public class CorsConfig {@Beanpublic CorsFilter corsFilter() {CorsConfiguration config = new CorsConfiguration();config.addAllowedOrigin("*");config.setAllowCredentials(true);config.addAllowedMethod("*");config.addAllowedHeader("*");UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();configSource.registerCorsConfiguration("/**", config);return new CorsFilter(configSource);} }
参考地址
- https://blog.csdn.net/magic_818/article/details/128844479
- https://blog.51cto.com/u_15906694/8087121
- knife4j 版本参考:https://doc.xiaominfo.com/docs/quick-start/start-knife4j-version