前后端接口测试神器Swagger基本使用(上)

简介: 前后端接口测试神器Swagger基本使用

1. 前言


相信大家都了解过前端与后端的概念,所以就要说一下开发的模式了,主要是分为两类.


前后端不分离


其实目前大部分的公司应该还是用的前后端不分离的技术,在这样的情况下后端开发人员的压力就比较大,因为就要考虑数据传输的方式以及接受参数等等情况,所以就比较难受,其实相信大家在工作或者是自己开发一些好玩的东西的时候会发现前端页面的编写和后台的逻辑代码其实相对来说是好写的,难就难在数据传输这一方面,自己当初用layui和SSM写一个小系统的时候,一直烦的就是前后端的数据怎么进行传输和共享.


其次就是本身系统的耦合度就会比较高,因为前段编写的参数这些肯定是与后台的逻辑是一一绑定的,所以如果对系统进行优化升级的话,那么很明显就会出现牵一发而动全身的效果,前端数据一改,后端的代码相应的也会发生改变.也是变相的增加了开发的难度.


前后端分离


有了上面这些冲突之后,就相应的诞生了前后端分离的技术,这项技术极大地降低了前后端数据交互方面的难度. 意思就是怎么传这个概念已经解决了 ,但是同时又带来了一个新的技术难点.虽然后端人员不用再管数据是如何进行传输的了.但是我们还是要规定需要传输和接收什么样的数据吧.简而言之就是 传什么 没有得到统一举个例子大家就懂了.


在前后端分离模式中,后端人员只需要提供接口给前端人员调用就行了,但是前端人员总应该知道你的接口长什么样,需要哪些参数,你返回给我的是什么样的参数吧.

于是在这样的需求下,就诞生了第一种解决方案—WORD文档,是的你没有看错,就是通过word文档,后端开发人员将整个的接口文档编写好之后发给前端开发人员,这如果是在开发规模不大或者说人员开发 数量比较少的情况下还是比较适用的,但是一旦开发人员规模增加起来,规模扩散开来,那么显然这种方式显然是不适用的.主要就是以下这些原因:


文档越写越多,查看也不方便


你想想一个前端开发看两三个人写的文档还是可以接受的,但是十几个,二十几个,那么显然就超过了他的承受范围.


文档更新不及时


就算你想看,但是后端开发人员没有及时的更新接口文档,那么你也是白搭.


编写的过程中信息有误


只要是人工操作,就免不了的会出现纰漏,比如说像什么变量名写错这种都是很正常的,但是这种错误排查起来却又十分的浪费时间.


传来传去,浪费时间和流量


本身文档这种东西传来传去就浪费时间,下载也浪费时间


这时候终于到我们的主角上场了,Swagger就应运而生了,他帮助我们完美的解决了上述的问题.


直接在项目中就可以编写文档

不用手动传输文件,可以直接通过URL访问

还能在线对接口进行测试,相当于变相丢弃使用postman

更新及时

机器自动生成,不要担心变量名写错等问题

说了这么多了,我们就需要通过代码来实际展示一下效果了.


2. Springboot集成Swagger


新建一个Springboot-web项目

导入相关的依赖


<!--        Swagger依赖-->
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger2</artifactId>
            <version>2.7.0</version>
        </dependency>
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger-ui</artifactId>
            <version>2.7.0</version>
        </dependency>


编写一个简单的hello程序


@RestController
public class HelloController {
    @PostMapping(value = "/hello")
    public String hello(){
        return "hello";
    }
}


配置Swagger


@Configuration
@EnableSwagger2  //开启Swagger2
public class SwaggerConfig {
}

这样我们的Swagger基本就能够直接使用了,我们运行一下看看效果是什么样的.


20200926110011889.png


目前我们看到的主要就是两部分,一个就是接口文档的大体信息.另一个就是我们所看到的接口信息.


我们首先来看一下为什么访问页面是swagger-ui.html文件,我们通过分析Swagger-ui文件的层级结构就能发现,如下图:


20200926110032593.png


当然只要我们修改该文件的文件名,相应的访问路径也就发生改变了.


3. 接口文档个性化定制


我们来将文档大体描述信息修改我们个性化的样子.


这就需要我们在SwaggerConfig里面进行配置了.


这里我们主要是通过注入Docket这个对象来实现.


    @Bean
    public Docket docket(){
        return new Docket(DocumentationType.SWAGGER_2);
    }
    }

这里我们需要通过看源码来查看Docket应该怎么来编写.

20200926110053287.png


看到他的构造函数之后我们就需要再次去理解一下 DocumentationType 是什么,继续查看源码


20200926110111307.png


这里我们可以看到这三个对象的不同主要就是版本信息的不同.我们一般是选用 SWAGGER_2,之后我们就可以通过定义它的 apiInfo 属性来实现文档的个性化定制,我们同样继续查看 apiInfo 对象的源码,来看看apiInfo里面都能进行哪些配置


20200926110128167.png


这里我们加上这些属性之后再来看看效果

    @Bean
    public Docket docket(){
        return new Docket(DocumentationType.SWAGGER_2)
                .apiInfo(apiInfo())
    }
    private ApiInfo apiInfo(){
        Contact contact=new Contact("瓤瓤","https://blog.csdn.net/lovely__RR","2293557957@qq.com");
        return new ApiInfo(
                "瓤瓤",
                "你我山巅自相逢,予你与我遇清风",
                "1.0",
                "https://blog.csdn.net/lovely__RR",
                contact,
                "Apache 2.0",
                "http://www.apache.org/licenses/LICENSE-2.0",
                new ArrayList<>()
        );
    }

20200926110144447.png



相关文章
|
10月前
|
数据可视化 前端开发 测试技术
接口测试新选择:Postman替代方案全解析
在软件开发中,接口测试工具至关重要。Postman长期占据主导地位,但随着国产工具的崛起,越来越多开发者转向更适合中国市场的替代方案——Apifox。它不仅支持中英文切换、完全免费不限人数,还具备强大的可视化操作、自动生成文档和API调试功能,极大简化了开发流程。
|
5月前
|
Java 测试技术 容器
Jmeter工具使用:HTTP接口性能测试实战
希望这篇文章能够帮助你初步理解如何使用JMeter进行HTTP接口性能测试,有兴趣的话,你可以研究更多关于JMeter的内容。记住,只有理解并掌握了这些工具,你才能充分利用它们发挥其应有的价值。+
973 23
|
7月前
|
SQL 安全 测试技术
2025接口测试全攻略:高并发、安全防护与六大工具实战指南
本文探讨高并发稳定性验证、安全防护实战及六大工具(Postman、RunnerGo、Apipost、JMeter、SoapUI、Fiddler)选型指南,助力构建未来接口测试体系。接口测试旨在验证数据传输、参数合法性、错误处理能力及性能安全性,其重要性体现在早期发现问题、保障系统稳定和支撑持续集成。常用方法包括功能、性能、安全性及兼容性测试,典型场景涵盖前后端分离开发、第三方服务集成与数据一致性检查。选择合适的工具需综合考虑需求与团队协作等因素。
1052 24
|
7月前
|
SQL 测试技术
除了postman还有什么接口测试工具
最好还是使用国内的接口测试软件,其实国内替换postman的软件有很多,这里我推荐使用yunedit-post这款接口测试工具来代替postman,因为它除了接口测试功能外,在动态参数的支持、后置处理执行sql语句等支持方面做得比较好。而且还有接口分享功能,可以生成接口文档给团队在线浏览。
325 2
|
9月前
|
JSON 前端开发 测试技术
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
667 10
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
|
9月前
|
JSON 前端开发 API
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
498 5
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
|
8月前
|
存储 JSON API
Python测试淘宝店铺所有商品接口的详细指南
本文详细介绍如何使用Python测试淘宝店铺商品接口,涵盖环境搭建、API接入、签名生成、请求发送、数据解析与存储、异常处理等步骤。通过具体代码示例,帮助开发者轻松获取和分析淘宝店铺商品数据,适用于电商运营、市场分析等场景。遵守法规、注意调用频率限制及数据安全,确保应用的稳定性和合法性。
|
8月前
|
监控 API 开发工具
Socket.IO介绍,以及怎么连接测试Socket.IO接口?
Socket.IO 是一个用于浏览器和服务器间实时双向通信的库,支持低延迟消息传递、跨平台运行及自动重连。文章介绍了其特点与调试需求,并详细说明如何使用 Apifox 工具创建、连接、发送/接收 Socket.IO 事件,以及团队协作和调试技巧。掌握这些技能可提升实时应用开发效率与质量。
|
10月前
|
存储 测试技术 数据库
接口测试工具攻略:轻松掌握测试技巧
在互联网快速发展的今天,软件系统的复杂性不断增加,接口测试工具成为确保系统稳定性的关键。它如同“翻译官”,模拟请求、解析响应、验证结果、测试性能并支持自动化测试,确保不同系统间信息传递的准确性和完整性。通过Apifox等工具,设计和执行测试用例更加便捷高效。接口测试是保障系统稳定运行的第一道防线。
|
9月前
|
小程序 测试技术 数据安全/隐私保护
微信公众号接口测试实战指南
微信公众号接口测试是确保系统稳定性和功能完整性的重要环节。本文详细介绍了测试全流程,包括准备、工具选择(如Postman、JMeter)、用例设计与执行,以及常见问题的解决方法。通过全面测试,可以提前发现潜在问题,优化用户体验,确保公众号上线后稳定运行。内容涵盖基础接口、高级接口、微信支付和数据统计接口的测试,强调了功能验证、性能优化、安全保护及用户体验的重要性。未来,随着微信生态的发展,接口测试将面临更多挑战和机遇,如小程序融合、AI应用和国际化拓展。
下一篇
oss云网关配置