当前位置:   article > 正文

再见 Swagger UI!国人开源了一款超好用的 API 文档生成框架,Star 4.7K+,真香!!...

开源api项目框架

点击关注公众号,Java干货及时送达b6f87bd012ac7334d0abe3e0f34afd98.png

背景

最近,栈长发现某些国内的开源项目都使用到了 Knife4j 技术,看名字就觉得很锋利啊!

是不是这样的缩写呢:

Knife4j = Knife for Java ?

Java 匕首?

看起来很牛逼的样子,当然,这是我简单的猜测,从字面上并不能猜到它是干嘛用的!

那么它究竟是一个什么样的框架呢?

Knife4j 简介

Knife4j 的前身是  swagger-bootstrap-ui,其实就是一个纯 Swagger UI 的皮肤项目,用过 Swagger 的应该都知道,Swagger UI 是不怎么好用的,并不太适合国人,所以 swagger-bootstrap-ui 项目就诞生了。

swagger-bootstrap-ui 后面为了满足许多个性化的需求,又加入了许多丰富的服务端特性,不再仅仅只是专注于前端 UI 皮肤了,所以又改名:knife4j

取名 knife4j 是希望它能像一把匕首一样小巧、轻量,并且功能强悍,更是希望它能成为 Swagger 接口文档服务的通用性增强型解决方案。

Knife4j 由国人程序员萧明于 2017 年开源,到现在已经 4 年多了,看了下 Star 数已经超过 4.7k+ 了:

8d21d2ef1b493e032220ae356332a09a.png

Knife4j 还获得了 GVP 项目称号,即 Gitee 最有价值的开源项目,并且我发现现在越来越多的开源项目都在使用它,Swagger UI 可以扔掉了。。

官网地址:

https://doc.xiaominfo.com/knife4j/

开源地址:

https://gitee.com/xiaoym/knife4j

Knife4j 界面赏鉴

Knife4j 采用了 Vue + And Design Vue 组件进行重写,相关界面拿出来供大家赏鉴。

接口文档显示界面:

97f9102173a49f72596f1f6845a3f534.png

接口调试界面:

a9e5ffed9beb9d3db7584c9e840d105c.png

Swagger Models 功能:

7ea450f05a3450a19b169e0d4fc31372.png b3bd34cb100560eefc70bc5bf2fc733e.png

支持导出离线 Markdown、Html:

5a774ab651872216f32a1db47f57f8ce.png b96bd3e92f7fb68d63732c2568d0b5da.png

knife4j 果然非常强大,整个界面基于左右菜单式的布局方式,支持多标签同时打开展示、切换,文档和调试也更清晰,感觉更符合国人的操作习惯吧。。

Knife4j 实战

knife4j 目前主要支持以 Java 开发为主,并且支持 Spring MVC、Spring Boot、Spring Cloud 框架的集成使用。

本文栈长就以 Spring Boot 为基础实战下吧:

  • Spring Boot 2.5.0

  • Knife4j 2.0.9

  • Maven 3.6.3

  • JDK 1.8

注意: 使用 Knife4j 2.0.6+ 版本,Spring Boot 的版本要求 2.2.x+

1、Knife4j 依赖引入
  1. <dependency>
  2.     <groupId>com.github.xiaoymin</groupId>
  3.     <artifactId>knife4j-spring-boot-starter</artifactId>
  4.     <version>2.0.9</version>
  5. </dependency>
2、Knife4j 配置

开启增强功能及基本的登录认证:

  1. knife4j:
  2.   # 开启增强
  3.   enable: true
  4.   # 开启登录认证
  5.   basic:
  6.     enable: true
  7.     username: test
  8.     password: test

支持个性化配置项,如接口地址、接口描述属性、UI 增强等个性化配置功能:

  1. /**
  2.  * Knife4j 配置类
  3.  * 来源微信公众号:Java技术栈
  4.  * 作者:栈长
  5.  */
  6. @Configuration
  7. @EnableSwagger2WebMvc
  8. public class Knife4jConfiguration {
  9.     @Bean(value = "defaultDocket")
  10.     public Docket defaultDocket() {
  11.         // 联系人信息
  12.         Contact contact = new Contact("公众号:Java技术栈""https://www.javastack.cn""xx@javastack.cn");
  13.         // 创建 Docket
  14.         Docket docket = new Docket(DocumentationType.SWAGGER_2)
  15.                 .apiInfo(new ApiInfoBuilder()
  16.                         .title("Knife4j 测试")
  17.                         .description("Knife4j Test")
  18.                         .termsOfServiceUrl("https://www.javastack.cn")
  19.                         .contact(contact)
  20.                         .version("1.0")
  21.                         .build())
  22.                 .groupName("1.x")
  23.                 .select()
  24.                 .apis(RequestHandlerSelectors.basePackage("cn.javastack.springboot.knife4j.api"))
  25.                 .paths(PathSelectors.any())
  26.                 .build();
  27.         return docket;
  28.     }
  29. }

Spring Boot 基础就不介绍了,送你一份《Spring ‍Boot 学习笔记》,高清理论+实战版,照着学习,没有不会的,最新版正在努力更新中,可以持续关注公众号 Java技术栈,会第一时间分享给大家。

3、新增测试接口

新增两个测试接口,一个登录(POST),一个问好(GET)。

  1. /**
  2.  * Knife4j 测试接口
  3.  * 来源微信公众号:Java技术栈
  4.  * 作者:栈长
  5.  */
  6. @Api(tags = "测试模块")
  7. @RestController
  8. public class Knife4jController {
  9.     /**
  10.      * Knife4j 测试接口问好
  11.      * 来源微信公众号:Java技术栈
  12.      * 作者:栈长
  13.      */
  14.     @ApiImplicitParam(name = "name", value = "名称", required = true)
  15.     @ApiOperation(value = "公众号Java技术栈向你问好!")
  16.     @ApiOperationSupport(order = 2, author = "栈长")
  17.     @GetMapping("/knife4j/hi")
  18.     public ResponseEntity<String> hello(@RequestParam(value = "name") String name) {
  19.         return ResponseEntity.ok("Hi:" + name);
  20.     }
  21.     /**
  22.      * Knife4j 测试接口登录
  23.      * 来源微信公众号:Java技术栈
  24.      * 作者:栈长
  25.      */
  26.     @ApiImplicitParams({
  27.             @ApiImplicitParam(name = "username", value = "用户名", required = true),
  28.             @ApiImplicitParam(name = "password", value = "密码", required = true)
  29.     })
  30.     @ApiOperation(value = "接口登录!")
  31.     @ApiOperationSupport(order = 1, author = "栈长")
  32.     @PostMapping("/knife4j/login")
  33.     public ResponseEntity<String> login(@RequestParam(value = "username") String username,
  34.                                         @RequestParam(value = "password") String password) {
  35.         if (StringUtils.isNotBlank(username) && "javastack".equals(password)) {
  36.             return ResponseEntity.ok("登录成功:" + username);
  37.         }
  38.         return ResponseEntity.ok("用户名或者密码有误:" + username);
  39.     }
  40. }

上面为了支持接口顺序和接口作者,使用了 Knife4j 的 @ApiOperationSupport 注解,其他的均为 Swagger 自带的注解,从该目录下看还支持下面的注解:

0b5e9d15ee7abadd6aea1d0f6b51b7f1.png

更多可去官网进行学习。

完整的 Demo 代码就不一一帖了,本节教程所有实战源码已上传到这个仓库:

https://github.com/javastacks/spring-boot-best-practice

4、Knife4j 测试

启动应用,打开 Knife4j 文档页:

http://localhost:8080/doc.html

47a44c26d4e7ed88305e3d14a73eca5e.png
登录认证
6fd428d8caeb17c3ab1c1b20c6cb9798.png
主页信息

主页会显示一些已经配置好的文档参数及接口统计信息,并且在首页模块菜单中也看到了我们的测试模块的两个接口。

接口文档:

8a3ff03cf089fd2a6c0ef160f6c55b93.png
登录接口文档
5b634ae352ea02d49dfc0926d21a4e5e.png
问好接口文档

调试一下:

a8bcf1fbb0547f1f608e190a2df85d99.png
登录失败
de1ce166cfc24eaa05879f210468f28a.png
登录成功
84b1bf4aea8fda6bcfed0610f732113a.png
问好成功

这里栈长使用了接口排序、还有接口作者功能,另外还支持分组排序、自定义文档、Swagger 资源保护、导出 Markdown、参数缓存等众多强大功能,增强功能多达 29 项,有兴趣的可以自行尝试...

总结

好了,今天栈长给大家介绍了国人程序员开源的一款 Knife4j 项目,也就是 Swagger 的增强版,毫无疑问要比 Swagger UI 更强大,更好用,也符合国人的习惯!

如果你也在使用 Swagger,可以考虑使用 Knife4j,它不仅有更强大的 UI,更有多达 29 项的增强功能,它们并不是替代关系,就像 Mybatis Plus 和 Mybatis 的关系一样,它能助你更进一步提高开发生产力。

如果你也在使用 Knife4j,欢迎留言分享哦!

本节教程所有实战源码已上传到这个仓库:

https://github.com/javastacks/spring-boot-best-practice

好了,今天的分享就到这里了,后面栈长会分享更多好玩的 Java 技术和最新的技术资讯,关注公众号Java技术栈第一时间推送,我也将主流 Java 面试题和参考答案都整理好了,在公众号后台回复关键字 "面试" 进行刷题。

最后,觉得我的文章对你用收获的话,动动小手,给个在看、转发,原创不易,栈长需要你的鼓励。

版权声明: 本文系公众号 "Java技术栈" 原创,原创实属不易,转载、引用本文内容请注明出处,抄袭者一律举报+投诉,并保留追究其法律责任的权利。

94872fdafe4d9d71081c27eee5411c32.gif

698d763a92cfa2a487c4fed8269f65a9.png

06eff44b6f257391349f13023bad80d7.png

3ede938a61501646bffc8aca422fbb46.png

c62cbcdf3cba2e0fd5c2e4b7df89b71a.png

e0b04e94d1fbc6a5073e200bc4a3e5b8.png

4c9166c32f2ba84e8884d25f5102165f.png

de150a853943ee5d21f13ea851316234.png

关注Java技术栈看更多干货

2d1d151fb1a4261df89e0c1f539869de.png

9aff4b5f0aaf2e0f610b53750beaa0ba.gif

获取 Spring Boot 实战笔记!

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号