使用swagger管理接口

简介:Swagger是一种Rest API的 简单但强大的表示方式,标准的,语言无关,这种 表示方式不但人可读,而且机器可读。 可以作为Rest API的交互式文档,也可以作为Rest API的形式化的接口描述,生成客户端和服务端的代码。

 

下面结合比较常见的场景,大概说下在Springboot下如何使用swagger来管理接口,以便前后端开发人员能够很好的做接口的对接,同时也利于接口的后续维护开发。

 

1. maven里引入swagger所需jar包:

<dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger2</artifactId>
            <version>${swagger2.version}</version>
        </dependency>
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger-ui</artifactId>
            <version>${swagger2.version}</version>
        </dependency>
    </dependencies>

 

2.指定swagger的一些静态资源文件配置,一般用一个类来管理维护:

@Configuration
@EnableSwagger2
public class SwaggerConfiguration extends WebMvcConfigurerAdapter {

    @Value("${swagger2.basePackage:com.xxx}")
    private String swagger2BasePackage;
    @Value("${swagger2.title:系统API文档}")
    private String swagger2Title;
    @Value("${swagger2.api.version:1.0}")
    private String apiVersion;

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("swagger-ui.html").addResourceLocations("classpath:/META-INF/resources/");
        registry.addResourceHandler("/webjars*").addResourceLocations("classpath:/META-INF/resources/webjars/");
    }

    @Bean
    public Docket createRestApi() {
        return new Docket(DocumentationType.SWAGGER_2).apiInfo(apiInfo())
                .select().apis(RequestHandlerSelectors.basePackage(swagger2BasePackage))
                .paths(PathSelectors.any()).build();
    }

    private ApiInfo apiInfo() {
        return new ApiInfoBuilder().title(swagger2Title).version(apiVersion).build();
    }
}

 

3. 如何使用?

这一步我会用比较常见的业务场景去描述接口:

首先Controller层(类)上需要这样注解:

@Api(value = "SWAGGER接口")
@RestController
@RequestMapping(value = "/api/swagger/user")
public class SwaggerController{
  //....
}

 

1)请求参数对应一组String字符串或者一个VO,返回结果是单个对象

此时方法一定要有返回而不能是void

eg:根据输入条件查询某条记录

@ApiOperation(value="获取用户详细信息", notes="根据参数来获取用户详细信息")
    @ApiImplicitParams({
        @ApiImplicitParam(name = "id", value = "用户ID", dataType = "Long", paramType = "query"),
        @ApiImplicitParam(name = "name", value = "用户名字", required = true, dataType = "String", paramType = "query"),
        @ApiImplicitParam(name = "age", value = "用户年龄", dataType = "Long", paramType = "query")
    })
    @RequestMapping(value="", method=RequestMethod.GET)
    @PostMapping("/find1")
    public  User find (@ModelAttribute User user) {//@ModelAttribute User user 等效于Long id, String name; Long age;
        return new User();
    }

 其中User类如下:

//@ApiModel(value="User", description="用户对象")
public class User {
  @ApiModelProperty(value = "用户ID", required = true)
    private Long id;
  @ApiModelProperty(hidden = true)
    private String name;
  @ApiModelProperty(value = "用户年龄")
    private Long age;
  public void setId(Long id) {
    this.id = id;
  }
  public void setName(String name) {
    this.name = name;
  }
  public void setAge(Long age) {
    this.age = age;
  }
  public Long getId() {
    return id;
  }
  public String getName() {
    return name;
  }
  public Long getAge() {
    return age;
  }
    
}

 User类是对应查询条件或查询结果组成的实体~,每个属性需要用@ApiModelProperty去描述每个字段的含义;User类上的@ApiModel注解可以选择性给出。

 

访问swagger接口描述页面只需启动项目(这里是springboot),然后输入http://localhost:8080/swagger-ui.html#!即可访问,我们点击对应的Controller和接口,可以看到:



 

Paramters就是描述输入参数的区域,而Response则是输出的描述,Response可以切换到Model,可以看到输出的字段的具体含义:



 

2)请求参数是复合的,这时候必须对应一个实体类,如:

//@ApiModel(value="Params", description="传入参数")
public class Params {
  @ApiModelProperty(name="param1", value = "参数1", required = true)
  private String param1;
  
  @ApiModelProperty(name="input", value = "输入", required = true)
  private List<Input> input;
  
  public String getParam1() {
    return param1;
  }

  public void setParam1(String param1) {
    this.param1 = param1;
  }

  public List<Input> getInput() {
    return input;
  }

  public void setInput(List<Input> input) {
    this.input = input;
  }

}

 

返回是一个集合类型:

@ApiOperation(value="获取用户信息集合", notes="根据输入类型来获取用户信息集合")
    @PostMapping("/find2")
    @ApiResponse(response = User.class, responseContainer="List", code = 200, message = "请求成功")
    public List<User> find2(@ApiParam(value="传入参数类型", required=true) @RequestBody Params params) {
      
      return new ArrayList<User>();
    }

 

ui上点击对应方法,可以看到:



 

 

可以看到,现在无论是对于接口里再复杂的输入和输出,都能比较清楚地看到每个属性(字段)的含义,以及可以在swagger的ui上直接用Try it out 按钮来测试接口的可用性。

 

swagger可以很好地帮助我们管理项目接口~,以及不同业务侧之间的接口对接工作。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
VSCode是一款非常流行的轻量级的开源代码编辑器,它有许多功能强大的插件,可以满足程序员的各种需求。对于前端开发人员来说,VSCode 是一款非常好用的开发工具。 Vue是一个渐进式JavaScript框架,用于构建用户界面。它非常适合用于构建单页应用程序,具有简单易用、高效灵活和出色的性能等特点。 Swagger是一种用于描述、构建、查找、消费和可视化 RESTful API 的工具集。它提供了一种标准化的方式来定义 API,并生成交互式的 API 文档。Swagger 能够自动生成客户端代码和服务器存根代码,简化了与后端开发团队之间的协作。 在前端开发中,我们可以将这三个工具很好地结合在一起使用。首先,我们可以使用VSCode的Vue插件来提供对Vue项目的智能语法高亮、自动完成和调试等功能的支持,大大提高了编码效率和开发体验。 其次,我们可以使用Swagger来定义和管理前端需要调用的后端接口。通过Swagger,我们可以很方便地编写接口文档,并使用它提供的交互式界面来调试和测试接口。在前端开发过程中,我们可以通过Swagger快速了解后端接口的参数和返回类型等信息,并根据接口文档进行开发,提高了前后端协作的效率和准确性。 最后,我们可以使用VSCode中的插件集成Swagger编辑器,实现直接在编辑器中编辑和查看Swagger文档,避免了频繁切换窗口的麻烦,提高了开发效率。 综上所述,VSCode、Vue和Swagger是前端开发中非常有用的工具。通过它们的集成和结合使用,我们能够更高效地进行前端项目的开发和接口管理

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值