Swagger简介
前后端分离
Vue + SpringBoot
后端时代:前端只用管理静态页面;html ⇒ 后端。模板引擎JSP ⇒ 后端是主力。
前后端分离时代:
- 后端:后端控制层,服务层,数据访问层【后端团队】
- 前端:前端控制层,视图层【前端团队】
- 伪造后端数据,json。已经存在了,不需要后端,前端工程依旧能够跑起来。
- 前后端如何交互? ===> API
- 前后端相对独立,松耦合;
- 前后端甚至可以部署在不同的服务器上;
产生一个问题:
- 前后端集成联调,前端人员无法和后端人员无法做到,“即时协商,尽早解决”,最终导致问题集中爆发;
解决方案:
- 首先指定schema[计划的提纲],实时更新最新API,降低集成的风险;
- 早些年:指定word计划文档;
- 前后端分离:
- 前端测试后端接口:postman
- 后端提供接口,需要实时更新最新的消息及改动!
Swagger
- 号称世界上最流行的Api框架
- RestFul Api 文档在线自动生成工具 => Api文档与Api定义同步更新
- 直接运行,可以在线测试API接口;
- 支持多种语言:(Java、Php…)
官网:https://swagger.io/
在项目中使用swagger需要springbox;
SpringBoot集成Swagger
- 新建一个SpringBoot - web项目
- 导入相关依赖
1 2 3 4 5 6 7 8 9 10 11 12 13
| <!-- https: <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger2</artifactId> <version>2.9.2</version> </dependency> <!-- https: <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger-ui</artifactId> <version>2.9.2</version> </dependency> 123456789101112
|
- 编写一个Hello工程
- 配置Swagger ==> Config
1 2 3 4 5 6 7 8 9 10 11 12
| package com.kuang.swagger.config;
import org.springframework.context.annotation.Configuration; import springfox.documentation.swagger2.annotations.EnableSwagger2;
@Configuration @EnableSwagger2 public class SwaggerConfig {
} 1234567891011
|
- 测试运行 http://localhost:8080/swagger-ui.html
-
配置Swagger
swagger的bean实例Docket;(在上面SwaggerConfig 类中添加)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
| @Configuration @EnableSwagger2 public class SwaggerConfig {
@Bean public Docket docket(){ return new Docket(DocumentationType.SWAGGER_2) .apiInfo(apiInfo()); } private ApiInfo apiInfo(){ Contact contact = new Contact("秦疆", "https://blog.kuangstudy.com/", "24736743@qq.com"); return new ApiInfo("狂神的SwaggerAPI文档", "即时在小的帆也能远航", "v1.0", "http://blog.kuangstudy.com/", contact, "Apache 2.0", "http://www.apache.org/licenses/LICENSE-2.0", new ArrayList() ); } } 12345678910111213141516171819202122232425
|
Swagger配置扫描接口
Docket.select()
接着上面的docket() 讲解
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| @Bean public Docket docket(){ return new Docket(DocumentationType.SWAGGER_2) .apiInfo(apiInfo()) .select() .apis(RequestHandlerSelectors.basePackage("com.kuang.swagger.controller")) .paths(PathSelectors.ant("/kuang/**")) .build(); } 123456789101112131415161718
|
配置是否启动Swagger(enable 是否启动Swagger, 如果为false, 则Swagger 不能再浏览器中访问)
问题:我只希望我的Swagger在生产环境中使用,在发布的时候不使用?
解题思路:
- 判断是不是生产环境 flag = false
- 注入enable(flag)
解题步骤:
1.先在resources目录下创建两个properties文件,如下图
接下来在application.properties文件中激活环境
1 2
| spring.profiles.active=dev 1
|
在application-dev.properties中
在application-pro.properties中
2.接着上面的docket(),在方法中加入形参Environment获取application.properties中的设置的环境
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| @Bean public Docket docket(Environment environment){ Profiles profiles = Profiles.of("dev", "test"); boolean flag = environment.acceptsProfiles(profiles);
return new Docket(DocumentationType.SWAGGER_2) .apiInfo(apiInfo()) .enable(flag) .select() .apis(RequestHandlerSelectors.basePackage("com.kuang.swagger.controller"))
.build(); } 123456789101112131415161718
|
3.在浏览器上请求http://localhost:8081/swagger-ui.html#/就可以访问Swagger,我们可以修改spring.profiles.active为pro
1 2
| spring.profiles.active=pro 1
|
然后在浏览器上请求http://localhost:8082/swagger-ui.html#/会出现😱 Could not render e, see the console.
配置API文档的分组
配置多个分组,多个Docket实例即可
1 2 3 4 5 6 7 8 9 10 11 12 13
| @Bean public Docket docket1(){ return new Docket(DocumentationType.SWAGGER_2).groupName("A"); } @Bean public Docket docket2(){ return new Docket(DocumentationType.SWAGGER_2).groupName("B"); } @Bean public Docket docket3(){ return new Docket(DocumentationType.SWAGGER_2).groupName("C"); } 123456789101112
|
Swagger中就会出现多个分组
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| package com.kuang.swagger.pojo;
import io.swagger.annotations.ApiModel; import io.swagger.annotations.ApiModelProperty;
@ApiModel("用户实体类") public class User {
@ApiModelProperty("用户名") public String username; @ApiModelProperty("密码") public String password; }
1234567891011121314
|
controller
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
| package com.kuang.swagger.controller;
import com.kuang.swagger.pojo.User; import io.swagger.annotations.ApiOperation; import io.swagger.annotations.ApiParam; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RestController;
@RestController public class HelloController {
@GetMapping(value = "/hello") public String hello(){ return "hello"; }
@PostMapping(value = "/user") public User user(){ return new User(); }
@ApiOperation("hello控制类") @GetMapping(value = "/hello2") public String hello2(@ApiParam("用户名") String username){ return "hello " + username; } @ApiOperation("Post测试类") @GetMapping(value = "/postt") public User postt(@ApiParam("用户名") User user){ return user; } } 12345678910111213141516171819202122232425262728293031323334
|
总结
- 我们可以通过Swagger给一些比较比较难理解的属性后接口,增加注释信息
- 接口文档实时更新
- 可以在线测试