暂时未有相关云产品技术能力~
我去热饭
接口测试平台代码实现番外:主页改版-2
好了,不知不觉,该平台已经跨过了130章的教程,主要功能已经实现过半,一些同学也开始实际项目中使用起来,各种提出的改进建议 优化也都接踵而至,其中最多的就是主页,请求改版。
接口测试平台代码实现120:cookie持久化-3
我们上节课,在具体的步骤设置页面的html里增加里登陆态的开关。成功的把保存展示初始化js函数搞定了。本节就来开始把实际运行时候的登陆态功能搞定。
接口测试平台代码实现113:登录态接口-9
本节我们要搞定普通接口调试时自动加入登陆态接口返回参数到请求头/体中的后台实现。
接口测试平台番外-正交工具6
接口测试平台番外-正交工具5
接口测试平台番外-正交工具4
我们上节课,前端已经成功拿到了 登陆态接口调试发送的运行结果,也就是返回值 和 提取结果。 如果确认提取结果没问题,我们就切换到请求体tab然后点击保存按钮。就成功保存了。
接口测试平台番外-正交工具3
我们本节来制作登陆态接口的请求js函数, 为什么要制作这个调试请求功能? 这个功能在正常使用中是不会用到的,这里只用来给调试用,也就是测试。
接口测试平台代码实现107:登录态接口-4
上节我们简单了解了一下什么是正交。本节我们来进行设计与实现: 正好也来复习一下,如何新增一个菜单模块的开发流程
接口测试平台代码实现107:登录态接口-3
本节我们要想办法构造出登陆态接口的div内的实际dom元素。 大部分内容我们仍然可以借鉴普通接口调试层的内容,所以打开P_apis.html,找到那个登陆态的div,开始进行添加内部控件,但是也不能全都照搬过来,有一些就不需要,比如接口名字。而因为这个接口一个项目基本也就设置一次,所以优化便利性这种事的优先级不高,精力还是留给那些使用频率高的功能上吧~
接口测试平台代码实现105:登录态接口
接口测试平台代码实现104:GraphQL-4
上节我们搞定了首页的GraphQL请求功能,但是似乎漏掉了一个功能:显示。也就是当我点击左侧请求记录的时候,右侧需要显示对应的请求数据,但是很显然我们遗漏了GraphQL这个请求体类型。
本节作为全局域名的最后一节,也是代码实现的第100章。 我们本节就来实际去后台进行修改,让全局域名可以真实生效,目前我们接口库接口和用例库步骤,保存的host中,若是全局域名,前面四个字符一定是:“全局域名”
接口测试平台代码实现98:全局域名-5
上节课我们成功的搞定了host域名管理相关的部分。本节我们要开始弄公共请求头了。
全局域名这里我们目前已经搞定了 域名管理 部分。也就是当用户请求的时候我们偷偷存了份 host,并且去重。 本节我们就来研究下,如何在用户调试接口的时候,可以联想自动输入。这个小技巧其实很简单,但是非常实用。
接口测试平台代码实现94:全局域名-1
在之前的多接口用例开发中,我发现了一个遗漏的功能。 就是用例的名字,没法进行更改。新建的用例也只会变成空名字,没法更改很难受,这个问题困扰很多同学一段日子了。今天我们来快速实现这个功能。 而且也可以借此来熟悉下 如何去动旧功能,动旧功能时候要注意什么。
我们本节要进行全局请求头的收尾: 保存step的 请求头成功 和 显示 请求头成功 在多用例运行的底层send函数中加入公共请求头
本节我们按照前面成功把公共请求头安装进接口库的方法,把其插入到多用例中。
接口测试平台代码实现90: 全局请求头-5
上节,成功搞定了请求头的增删改查。 本节我们就一起来研究,在接口库调试页面,用例库步骤详情页 这俩个地方如何加入这些项目公共请求头吧。
书接上回,我们已经在数据库中手动创建了俩个公共请求头。所以本节的主要任务是要让这俩个请求头显示在前端上。
本节课会对多用例模块进行最后的优化等,内容不多。本教程基本都是最浅显和基础的一期产品,后续能优化到什么程度,全看各位的造诣了。
接口测试平台代码实现80: 多接口用例-20
接口测试平台代码实现79: 多接口用例-19
接口测试平台代码实现78: 多接口用例-18
好的因为群内大佬打赏的钱太多,所以履行承诺,加更一节: 本节主要处理掉,这个步骤保存的功能,其实对于跟到现在的同学来说,业务上的curd早就已经轻车熟路了。本节节奏稍快:
接口测试平台代码实现65: 多接口用例-5
上节我们成功的搞定了大用例的 增加/删除/复制功能 本节我们计划搞定设置大用例功能, 也就是: 点击设置按钮,左侧弹出小用例(接口) 列表+接口列表相关的数据层实现。
本节基本就是最后一节,上节我们本来以为很简单的重构,结果遇到了恶心的第三方组件bug,所以我就用刷新套路来绕过了这个问题,还省去了clear清空函数,顺便给大家讲了下新增的第二万能参数ooid。在最后我们解决了url,host,header的显示问题。本节就剩处理一下 请求方式/请求体类型/请求体了。
接口测试平台代码实现58-首页重构6
本节我们接着开发首页, 主要内容是 让左侧的请求记录和右侧的请求模块 联动起来。 具体联动需求: 右侧请求一次之后,左侧生成记录 点击左侧记录,右侧则会显示这次记录的请求数据 我们本节课的内容是想办法实现1-生成记录。
本节继续开发首页右侧的显示效果,可能有的同学觉得这里节奏太慢了,不怕,咱养肥再看。
接着上节继续来做: 先来回顾一下,上节课我们基本就是清空来首页,并且划了一条竖线,把首页分为左右俩部分。
好,虽然绝大多数同学还未追上最新进度进行投票,但是已投情况来看,大部分还是支持首页做成接口快速调试功能。 那么本节课就开始吧,首先我们打开我们的首页:home.html。观察一下目前结构:
接口测试平台代码实现53: 首页重构1
打开我们上次没写完的P_apis.html 找到这个error_play函数,我们已经替换好了请求体,那么接下来就把新请求体和接口id传递给后台即可
接口测试平台代码实现51: 自动异常测试-4
本节开始之前,先解决下关于调试层遗漏的一个设计缺陷。就是当已经打开了一个接口的调试层后,如果直接点击其他接口的调试层便会出现显示错误。这类的问题非常多,我们最好是直接根本上绕过去。
接口测试平台代码实现49:自动异常测试-2
接口测试平台代码实现48: 自动异常测试-1
接口测试平台代码实现47:复制接口