Spring Boot 基础教程:集成 Swagger2,构建强大的 API 文档

简介: 主要对 Swagger 进行了简单介绍,并用 Spring Boot 集成 Swagger,同时还进行简单的测试,构建我们自己的 API 接口文档。


前言

不管你是从事前端还是后端开发,相信都难免被接口文档折磨过。如果你是一个前端开发者,可能你会经常发现后端给的接口文档跟实际代码有所出入。而假设你是一个后端开发者,你可能又会觉得自己开发后端接口已经够烦的了,还要花费大量精力去编写和维护接口文档,所以难免有时候会更新不及时。这就可能造成了前后端相互不理解,最后甚至吵起来,哈哈哈 🤪。

这时候我们就会想,有没有一款工具,能让我们快速实现编写接口文档。这个工具既能保证我们的接口文档实时更新,也能保证我们不用花过多时间去维护,就像写注释那么简单。

既然这是大多数前后端程序员的一大痛点,那必须得有一个解决方案吧。而这个方案使用的人多了,慢慢就成了一种规范,大家都默认使用这个方案,从而解决前后端接口文档不同步的问题,而这就是我们今天的主角 - Swagger 的由来。

通过使用 Swagger,我们只需要按照它所给定的一系列规范去定义接口以及接口的相关信息,然后它就能帮我们自动生成各种格式的接口文档,方便前后端开发者进行前后端联调。同时,如果我们的代码接口有所变动,只需要更新 Swagger 的描述,它就能进行实时更新,做到实际代码和接口文档的一致性。

Swagger 简介

Swagger 是什么

Swagger 是一种接口描述语言,主要用于生成、描述、调用以及可视化 RESTful 风格的 Web 服务接口文档。以前的项目可能更多的是前后端未分开同时进行开发,所以接口文档可能不是那么重要。但现在主流的项目基本都是前后端分离,如果前后端没有沟通好,就有可能导致接口文档更新不及时,造成一些不必要的麻烦。而通俗地讲,Swagger 就是帮我们写接口文档的。它不仅能自动生成实时接口文档,还能生成测试用例,方便我们进行测试。

Swagger 主要提供了如下几种开源工具:

网络异常,图片无法展示
|

  1. Swagger Editor

Swagger 所提供的的编辑器,主要用于编辑 Swagger 描述文件,支持实时预览描述文件更新后的效果,类似于我们的 Markdown 编辑器,左边编写源码,右边就可以进行实时预览。该编辑器不仅提供在线使用,还支持本地部署。

  1. Swagger UI

提供可视化的 UI 页面,用于展示 Swagger 的描述文件。接口的调用方、测试等都可以通过该页面查阅接口的相关信息,并且进行简单的接口请求测试。

  1. Swagger Codegen

通过使用该工具,可以将 Swagger 的描述文件生成 HTML 和 CWIKI 形式的接口文档,而且还能生成针对多种不同语言的服务端和客户端的代码。

Swagger UI

平时和我们打交道最多的,可能就是 Swagger UI 这个工具了,它主要用于显示接口文档。根据我们代码中按照 Swagger 规范所设置的描述,自动生成接口说明文档。一个简单的示例如下:

网络异常,图片无法展示
|

Spring Boot 集成 Swagger

创建 Spring Boot 项目

通过以上对 Swagger 简单的介绍之后,我们来看看如何在 Spring Boot 项目中使用 Swagger。

首先需要创建一个简单的 Spring Boot 项目,如果你还不知道如何创建,可以参考我之前的一篇文章 创建 Spring Boot 项目的 3 种方式

创建好之后的项目接口如下:

网络异常,图片无法展示
|

引入依赖

创建好 Spring Boot 项目之后,需要配置项目 pom.xml 文件,在其中引入 Swagger 的相关依赖。

<dependency>

   <groupId>io.springfox</groupId>

   <artifactId>springfox-swagger2</artifactId>

   <version>2.9.2</version>

</dependency>

 

<dependency>

   <groupId>io.springfox</groupId>

   <artifactId>springfox-swagger-ui</artifactId>

   <version>2.9.2</version>

</dependency>

构建 Swagger 配置类

引入依赖后,接下来就是构建 Swagger 的配置类了。

packagecom.cunyu.springbootswaggerdemo.config;

 

importorg.springframework.context.annotation.Bean;

importorg.springframework.context.annotation.Configuration;

importspringfox.documentation.builders.RequestHandlerSelectors;

importspringfox.documentation.service.ApiInfo;

importspringfox.documentation.service.Contact;

importspringfox.documentation.spi.DocumentationType;

importspringfox.documentation.spring.web.plugins.Docket;

importspringfox.documentation.swagger2.annotations.EnableSwagger2;

 

importjava.util.ArrayList;

 

/**

* Created with IntelliJ IDEA.

*

* @author : 村雨遥

* @version : 1.0

* @project : springboot-swagger-demo

* @package : com.cunyu.springbootswaggerdemo.config

* @className : Swagger2Configuration

* @createTime : 2022/1/5 22:21

* @email : 747731461@qq.com

* @微信 : cunyu1024

* @公众号 : 村雨遥

* @网站 : https://cunyu1943.github.io

* @description :

*/

@Configuration

@EnableSwagger2

publicclassSwagger2Configuration {

 

   /**

    * 配置 Swagger 2

    * 注册一个 Bean 属性

    * enable():是否启用 Swagger,启用后才能在浏览器中进行访问

    * groupName():用于配置 API 文档的分组

    */

   @Bean

   publicDocketdocket() {

       returnnewDocket(DocumentationType.SWAGGER_2)

               .apiInfo(apiInfo())

               .enable(true)

               .groupName("v1")

               .select()

               // 过滤路径

               //.paths(PathSelectors.ant())

               // 指定扫描的包

               .apis(RequestHandlerSelectors.basePackage("com.cunyu.springbootswaggerdemo.controller"))

               .build();

   }

 

   privateApiInfoapiInfo() {

       /*作者信息*/

       Contactcontact=newContact("村雨遥", "https://cunyu1943.github.io", "747731461@qq.com");

       returnnewApiInfo(

               "Swagger 测试接口文档",

               "Spring Boot 集成 Swagger 测试接口文档",

               "v1.0",

               "https://cunyu1943.github.io",

               contact,

               "Apache 2.0",

               "http://www.apache.org/licenses/LICENSE-2.0",

               newArrayList()

       );

   }

}

编写接口

配置好 Swagger 后,在我们的项目中添加一个简单的接口,这里以一个简单的有参和无参接口为例。

packagecom.cunyu.springbootswaggerdemo.controller;

 

importio.swagger.annotations.Api;

importio.swagger.annotations.ApiOperation;

importio.swagger.annotations.ApiParam;

importorg.springframework.web.bind.annotation.GetMapping;

importorg.springframework.web.bind.annotation.PostMapping;

importorg.springframework.web.bind.annotation.RestController;

 

/**

* Created with IntelliJ IDEA.

*

* @author : 村雨遥

* @version : 1.0

* @project : springboot-swagger-demo

* @package : com.cunyu.springbootswaggerdemo.controller

* @className : SwaggerDemoController

* @createTime : 2022/1/5 22:21

* @email : 747731461@qq.com

* @微信 : cunyu1024

* @公众号 : 村雨遥

* @网站 : https://cunyu1943.github.io

* @description :

*/

 

@Api

@RestController

publicclassSwaggerDemoController {

   @ApiOperation(value="hello world 接口")

   @GetMapping("hello")

   publicStringhello() {

       return"hello world";

   }

 

   @ApiOperation(value="有参接口")

   @PostMapping("demo")

   publicStringdemo(@ApiParam(name="name", value="村雨遥", required=true) Stringname) {

       return"hello,"+name;

   }

}

查看并测试接口

完成上述步骤后,我们启动项目,然后在浏览器中访问如下地址,就可以访问我们项目的接口文档了。

http://localhost:8080/swagger-ui.html

访问如上地址后,如果出现下面的界面,说明我们 Spring Boot 集成 Swagger2 就到此成功了。

网络异常,图片无法展示
|

点开具体的接口,就会有这个接口的一些详细信息,如下图所示,一般包括:

  1. 接口请求方式
  2. 接口请求路径及描述
  3. 接口请求参数
  4. 接口响应

网络异常,图片无法展示
|

如果我们要进行简单的测试,则点击上图中右上方的 Try it out,然后我们就可以编辑请求参数的值,编辑完成之后点击下方的 Execute 即可查看接口返回值。

网络异常,图片无法展示
|

以我给的接口为例,我传入了一个参数 name,然后执行 demo 接口,最后会给我返回 hello,name 的结果,其中 name 是我传入的参数值,这里我传入了村雨遥,所以结果应该会得到 hello,村雨遥,可以看到 Swagger 测试中也给我返回了对应的结果,说明我们的接口测试成功!

网络异常,图片无法展示
|

注意

如果在整合过程中出现如下错误:

org.springframework.context.ApplicationContextException:Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException

这里可能是由于 Spring Boot  版本过高导致,我写作本文时,一开始使用的 SpringBoot 2.6.2 版本,所以出现了该错误,而当我将 SpringBoot 降级为 2.5.6 时,该错误就不再出现。所以如果你也出现了这个问题,也可以尝试降低 SpringBoot 版本来解决。

总结

以上就是本文的所有内容了,主要对 Swagger 进行了简单介绍,并用 Spring Boot 集成 Swagger,同时还进行简单的测试。而关于文章中的示例代码,我已经上传到了 Github,如果有需要的朋友,可以自取。

传送门:https://github.com/cunyu1943/java-learning-demos

目录
相关文章
|
4天前
|
Go API 开发者
深入探讨:使用Go语言构建高性能RESTful API服务
在本文中,我们将探索Go语言在构建高效、可靠的RESTful API服务中的独特优势。通过实际案例分析,我们将展示Go如何通过其并发模型、简洁的语法和内置的http包,成为现代后端服务开发的有力工具。
|
3天前
|
JSON API 数据库
使用Python和Flask构建简单的RESTful API
使用Python和Flask构建简单的RESTful API
13 6
|
5天前
|
JSON 安全 API
构建高效后端API的五大原则
【9月更文挑战第10天】在数字化时代,后端API成为了连接用户与服务、实现数据流动的重要桥梁。本文将深入探讨如何设计并构建一个高效、可扩展且安全的后端API系统。我们将从RESTful架构开始,逐步深入到错误处理、安全性、性能优化和文档编写等方面,为读者提供一套完整的后端API构建指南。无论你是初学者还是有经验的开发者,这篇文章都将为你带来新的视角和思考。
|
6天前
|
存储 安全 API
探索后端开发:构建高效API的艺术
【9月更文挑战第9天】在数字时代的浪潮中,后端开发如同一位默默无闻的艺术家,精心雕琢着每一个数据交互的细节。本文将带你走进后端的世界,从基础概念到实战技巧,一起学习如何打造高效、稳定且易于扩展的API。我们将通过深入浅出的方式,探讨后端开发的哲学与实践,让你在编码之旅中,找到属于自己的节奏和和谐。让我们一起跟随代码的脚步,解锁后端开发的无限可能。
|
消息中间件 存储 安全
干货|SpringBoot JMS(ActiveMQ)API实践应用详解
Active是一种开源的,实现了JMS1.1规范的,面向消息(MOM)的中间件,为应用程序提供高效的、可扩展的、稳定的和安全的企业级消息通信。AC-tiveMQ使用Apache提供的...
286 0
|
1天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的鲜花商城管理系统
基于Java+Springboot+Vue开发的鲜花商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的鲜花商城管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
13 2
|
27天前
|
SQL 前端开发 NoSQL
SpringBoot+Vue 实现图片验证码功能需求
这篇文章介绍了如何在SpringBoot+Vue项目中实现图片验证码功能,包括后端生成与校验验证码的方法以及前端展示验证码的实现步骤。
SpringBoot+Vue 实现图片验证码功能需求
|
26天前
|
JavaScript
SpringBoot+Vue+ElementUI 实现视频播放 轮播图效果
这篇文章介绍了如何在SpringBoot+Vue+ElementUI项目中使用vue-awesome-swiper插件实现视频播放轮播图效果,包括安装插件、引入项目和使用案例的步骤。
SpringBoot+Vue+ElementUI 实现视频播放 轮播图效果
|
26天前
|
JavaScript 前端开发 Java
SpringBoot + Vue 前端后分离项目精进版本
这篇文章详细介绍了一个基于SpringBoot + Vue的前后端分离项目的搭建过程,包括前端Vue项目的初始化、依赖安装、页面创建和路由配置,以及后端SpringBoot项目的依赖添加、配置文件修改、代码实现和跨域问题的解决,最后展示了项目运行效果。
SpringBoot + Vue 前端后分离项目精进版本
|
26天前
|
缓存 前端开发 JavaScript
前后端分离 SpringBoot+Vue商城买卖系统通杀版本。大家可以参考学习一下
这篇文章介绍了一个使用SpringBoot+Vue开发的前后端分离商城系统,包括技术架构、开发环境、实现的功能以及项目截图,并展示了普通用户和商家端的功能界面。
前后端分离 SpringBoot+Vue商城买卖系统通杀版本。大家可以参考学习一下