小言_互联网的博客

你还在手写接口文档?来,壹哥教你一招实现在线接口文档

221人阅读  评论(0)

我们知道,现在很多项目开发都采用了前后端分离的模式。在这种模式下,前端人员开发前端相关的功能,后端人员开发后端相关的功能。那么问题来了,前端需要调用后端实现的接口进行交互,两者之间是如何进行交互的?前端怎么知道后端编写的接口在哪?该传递哪些参数?返回值是什么?这些在前后端分离时都是问题!

那么这些问题在实际开发时该怎么解决呢?今天壹哥就给大家来聊聊,项目中是怎么编写接口文档的。

一. 前言

既然现在的项目开发很多都是采用前后端分离的模式,那么前端和后端的交互联系,就得依靠API接口文档来完成。因此API接口文档就变得越来越重要。Swagger就是一个方便我们更好地编写API文档的框架,而且Swagger还带有接口测试功能。接下来壹哥就通过一篇文章,来教会大家怎么使用Swagger文档。

二. Swagger使用步骤

话不多说,我们直接上实现教程。

1. 导入jar


  
  1. <!-- 该jar包依赖springfox3.X 无需额外引入-->
  2. <dependency>
  3. <groupId>com.github.xiaoymin </groupId>
  4. <artifactId>knife4j-spring-boot-starter </artifactId>
  5. <version>3.0.3 </version>
  6. </dependency>

2. 相关配置

2.1 application.yml配置文件

首先我们在application.yml文件中添加相关的配置信息。


  
  1. # Swagger配置
  2. swagger:
  3. # 是否开启swagger
  4. enabled: true

注意:我们一般不会在生产环境中使用swagger,所以可以把enabled设置为false。

2.2 Swagger配置类

配置类中需要使用@EnableOpenApi注解进行修饰。


  
  1. /**
  2. * Swagger3的接口配置
  3. * <p>
  4. * http://localhost:8080/swagger-ui/index.html#/
  5. */
  6. @Configuration
  7. @EnableOpenApi
  8. public class SwaggerConfig {
  9. /**
  10. * 是否开启swagger
  11. */
  12. @Value("${swagger.enabled}")
  13. private boolean enabled;
  14. /**
  15. * 创建API
  16. */
  17. @Bean
  18. public Docket createRestApi () {
  19. return new Docket(DocumentationType.OAS_30)
  20. // 是否启用Swagger
  21. .enable(enabled)
  22. // 用来创建该API的基本信息,展示在文档的页面中(自定义展示的信息)
  23. .apiInfo(apiInfo())
  24. // 设置哪些接口暴露给Swagger展示
  25. .select()
  26. // 扫描所有有注解的api,用这种方式更灵活
  27. .apis(RequestHandlerSelectors.withMethodAnnotation(ApiOperation.class))
  28. // 扫描指定包中的swagger注解
  29. //.apis(RequestHandlerSelectors.basePackage("com.qfedu"))
  30. // 扫描所有
  31. .paths(PathSelectors.any())
  32. .build()
  33. /* 设置安全模式,swagger可以设置访问token */
  34. .securitySchemes(securitySchemes())
  35. .securityContexts(securityContexts())
  36. .pathMapping( "/");
  37. }
  38. /**
  39. * 安全模式,这里指定token通过Authorization头请求头传递
  40. */
  41. private List<SecurityScheme> securitySchemes () {
  42. List<SecurityScheme> apiKeyList = new ArrayList<SecurityScheme>();
  43. apiKeyList.add( new ApiKey( "token", "token", In.HEADER.toValue()));
  44. return apiKeyList;
  45. }
  46. /**
  47. * 安全上下文
  48. */
  49. private List<SecurityContext> securityContexts () {
  50. List<SecurityContext> securityContexts = new ArrayList<>();
  51. securityContexts.add(
  52. SecurityContext.builder()
  53. .securityReferences(defaultAuth())
  54. .operationSelector(o -> o.requestMappingPattern().matches( "/.*"))
  55. .build());
  56. return securityContexts;
  57. }
  58. /**
  59. * 默认的安全上引用
  60. */
  61. private List<SecurityReference> defaultAuth () {
  62. AuthorizationScope authorizationScope = new AuthorizationScope( "global", "accessEverything");
  63. AuthorizationScope[] authorizationScopes = new AuthorizationScope[ 1];
  64. authorizationScopes[ 0] = authorizationScope;
  65. List<SecurityReference> securityReferences = new ArrayList<>();
  66. securityReferences.add( new SecurityReference( "Authorization", authorizationScopes));
  67. return securityReferences;
  68. }
  69. /**
  70. * 添加摘要信息
  71. */
  72. private ApiInfo apiInfo () {
  73. // 用ApiInfoBuilder进行定制
  74. return new ApiInfoBuilder()
  75. // 设置标题
  76. .title( "app接口文档")
  77. // 描述
  78. .description( "具体包括XXX,XXX模块...")
  79. // 作者信息
  80. .contact( new Contact( "qfedu", null, null))
  81. // 版本
  82. .version( "1.0.0")
  83. .build();
  84. }
  85. }

2.3 swagger静态资源的映射处理

因为在Swagger框架中存在一些静态的资源文件,我们需要把这些静态资源在过滤器中放行。


  
  1. @Configuration
  2. public class WebMvcConfigurer extends WebMvcConfigurationSupport {
  3. /**
  4. * 继承了WebMvcConfigurationSupport,重新指定静态资源
  5. */
  6. @Override
  7. public void addResourceHandlers (ResourceHandlerRegistry registry) {
  8. registry.addResourceHandler( "/**").addResourceLocations(
  9. "classpath:/static/");
  10. registry.addResourceHandler( "swagger-ui.html", "doc.html").addResourceLocations(
  11. "classpath:/META-INF/resources/");
  12. registry.addResourceHandler( "/webjars/**").addResourceLocations(
  13. "classpath:/META-INF/resources/webjars/");
  14. super.addResourceHandlers(registry);
  15. }
  16. }

3. 接口调用

我们可以打开如下地址进行接口调用:http://localhost:8010/doc.html

注意,http://localhost:8010/swagger-ui/index.html无法使用,是由于knife4j-spring-boot-starter中排除了springfox-swagger-ui的jar包。如果我们想使用http://localhost:8010/swagger-ui/index.html ,还需要额外导入一个jar包。


  
  1. <dependency>
  2. <groupId>io.springfox </groupId>
  3. <artifactId>springfox-swagger-ui </artifactId>
  4. <version>3.0.0 </version>
  5. </dependency>

三. 设置接口文档的用户名和密码

出于安全考虑,我们在application.yml文件中,应该设置访问swagger时的用户名和密码。


  
  1. knife4j:
  2. enable: true
  3. basic:
  4. enable: true
  5. username: admin
  6. password: dic13579

四. 总结

好了,今天的文章就到这里,现在你学会怎么使用swagger在线文档了吗?如果你还有其他任何问题,可以私信壹哥,我来教你怎么具体使用。


转载:https://blog.csdn.net/syc000666/article/details/127485234
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场