首页 > 应用开发 > IT综合 > 前端开发SpringBoot之接口文档的生成
相信无论是前端还是后端开发,都或多或少地被接口文档折磨过。前端经常抱怨后端给的接口文档与实际情况不一致。后端又觉得编写及维护接口文档会耗费不少精力,经常来不及更新。
而随着Springboot、Springcloud等微服务的流行, 前端培训每个项目都有成百上千个接口调用,这时候再要求人工编写接口文档并且保证文档的实时更新几乎是一件不可能完成的事,所以这时候我们迫切需要一个工具,一个能帮我们自动化生成接口文档以及自动更新文档的工具。它就是Swagger。
Swagger 提供了一个全新的维护 API 文档的方式,有4大优点:
现在我们知道了Swagger的作用,接下来将其集成到我们项目中。
集成Swagger很简单,只需要简单三步。
2.增加一个swagger配置类
这里通过.apis(RequestHandlerSelectors.withClassAnnotation(Api.class))标明给加上@Api注解的类自动生成接口文档。
通过@Api注解标注需要生成接口文档,通过@ApiOperation注解标注接口名。【关注尚硅谷,轻松学IT】
同时我们给ValidVO也加上对应的注解
通过@ApiModel标注这是一个参数实体,通过@ApiModelProperty标注字段说明。
简单三步,我们项目就集成了Swagger接口文档,赶紧启动服务,访问http://localhost:8080/swagger-ui.html体验一下。
好吧,出了点小问题,不过不用慌。
出现这个问题的原因是因为我们加上了ResponseBodyAdvice统一处理返回值/响应体,导致给Swagger的返回值也包装了一层,UI页面无法解析。可以通过http://localhost:8080/v2/api-docs?group=SwaggerDemo观察Swagger返回的json数据。
既然知道了问题原因那就很好解决了,我们只需要在ResponseBodyAdvice处理类中只转换我们自己项目的接口即可。
通过添加basePackage属性限定统一返回值的范围,这样就不影响Swagger了。
重启服务器再次访问swagger接口地址,就可以看到接口文档页面了。
Swagger2.9.2有个bug,就是当我们参数实体有int类型的参数时,打开Swagger接口页面时后端会一直提示异常:
有两种解决方案:
集成Swagger过程中虽然会出现两个小问题,解决后我们就可以愉快享受Swagger给我们带来的便利了。
Swagger原生UI有点丑,我们可以借助Swagger的增强工具knife4j优化一下。
“
由于knife4j中已经带了swagger-annotations和swagger-models的依赖,所以我们可以把上文中手动添加的两个依赖删除。
”
通过上面两步我们就完成了Swagger的美化,通过浏览器访问http://localhost:8080/doc.html即可看到效果。
看到这里的同学心理肯定会想,就这?这就是老鸟的做法?跟我们新手也没啥区别呀!
别急,我们先来看一个效果。
首先我们定义了两个接口,一个新增,一个编辑
注意看,这里用的是同一个实体ValidVO来接收前端参数,只不过使用了参数校验中的分组,然后我们打开kife4j页面观察两者的接口文档有何不同。
新增:
编辑:
通过上面可以看到,虽然用于接受参数的实体一样,但是当分组不一样时展示给前端的参数也不一样,这就是 Swagger的分组功能。
当然原生的Swagger是不支持分组功能的,我们需要对Swagger进行扩展。我已经将代码上传到了github上,由于代码量比较多这里就不展示了,大家可以自行查阅。
引入扩展类后还需要在Swagger配置类SwaggerConfig中注入对应的Bean。
1.在bean对象的属性里配置如下注释
当新增场景的时候,appId为空,不需要传值;当修改场景的时候,appId不能为空,需要传值 ;其他没有配置组的皆为默认组(Default)
2.在接口参数的时候加入组规则校验
当前接口会针对默认组的bean属性进行校验,同时针对保存常见的属性进行校验。
Swagger集成相对来说还是很简单的,虽然在集成过程中也出现了几个小问题,不过也很容易就解决了。今天文章的重点内容是Swagger分组功能,跟之前的参数校验文章一样,很多同学遇到这种分组场景时往往会选择创建多个实体类,虽然也能解决问题,只不过总是有点别扭。
原创作者:飘渺Jam
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70010293/viewspace-2849668/ ,如需转载,请注明出处,否则将追究法律责任。