联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 程序开发学习 > 正文

邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用

作者:小教学发布时间:2023-09-17分类:程序开发学习浏览:139


导读:最近项目上比较忙,任务多时间紧,导致后端开发任务繁多,无法及时开发完毕,但是前端同学已经把对应功能开发完成,需要进行前后端联调来验证api及一些交互问题;这不能因为后端的进度来影响...

最近项目上比较忙,任务多时间紧,导致后端开发任务繁多,无法及时开发完毕,但是前端同学已经把对应功能开发完成,需要进行前后端联调来验证api及一些交互问题;这不能因为后端的进度来影响前端的工作完成情况,因此,邮递员的模拟数据功能就用了,确实好用。

目录

  • 邮递员-模拟服务介绍
  • 使用邮递员嘲笑数据
    • 创建模拟集合-集合
      • 找到集合
      • 点击+号创建
      • 创建请求
    • 创建模拟服务器
      • 选择集合模拟
      • 配置模拟
      • 得到模拟服务器地址
    • 创建模拟响应
      • 1.打开采集,选择请求;
      • 2.为请求创建一个示例;
      • 3.保存示例;
    • 使用模拟服务器
  • 环境
  • 总结

邮递员-模拟服务介绍

设置模拟服务器-设置模拟服务器:邮递员开发了一种新的模拟服务,使团队能够模拟后端服务器。邮递员使您能够创建模拟服务器来协助接口开发和测试。模拟服务器通过接受请求并返回响应来模拟真实接口服务器的行为。通过将模拟服务器添加到您的集合并向您的请求添加示例,您可以模拟真实接口的行为。


前端,后端和接口团队现在可以并行工作,从而释放之前因这些依赖性而延迟的开发人员。现在,让我们看看邮递员是如何模拟后端的。

使用邮递员嘲笑数据

⚠️:以下截图展示功能模块可能会和你的有所出入,应该只是版本问题,找到对应功能操作即可

创建模拟集合-集合

找到集合

邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用

点击+号创建

邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用

可以看到我创建的集合
邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用

创建请求

如图,我创建了一个获取接口
邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用


创建模拟服务器

选择集合模拟

依然是在我们创建的集合这里,看到三个空心点,点击后可以看到模拟集合,点击
邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用

配置模拟

点击模拟集合后,出现以下界面,为我们的模拟服务器起个名字

  • 环境:https://127.0.0.1:8080/api,存储重用值的变量,比如你的URL前缀统一为:就可以设置环境变量,只是简化操作,无实际影响,这个下面会讲到
  • 模拟固定网络延迟:网络延迟的选择,无特殊要求也不用管

邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用

得到模拟服务器地址

点击创建模拟服务器后,会看到如下页面,有一个模拟服务器的地址,这个模拟服务器是邮递员在自己的服务器上为我们创建的,无论我们是否打开邮递员,我们都可以直接用这个地址来访问模拟的接口。
邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用

这个地址也不会丢,如下图步骤可以看到创建的模拟服务器:
邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用


创建模拟响应

现在我们有了请求请求,有了模拟服务,还缺少响应就大功告成。

这一步简单理解来说就是对于请求请求,需要自己提供模拟数据。

🌰在里面,这个概念叫做Example,即每一个你需要访问的路径/接口/资源,都可以提供一个Postman,即便你连不上,你也可以通过例子知道该路径/接口/资源大概会返回什么样的Response。这个示例不单单是为了模拟而做的,因为邮递员可以生成接口文档,在生成文档的时候,这个例子也会直接放在文档里,方便查阅文档的人了解接口。

具体步骤:

1.打开采集,选择请求;

2.为请求创建一个示例;

邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用

3.保存示例;

填写响应数据

邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用

这里有几点需要注意:

  • 每个请求都可以有多个示例
  • 每个示例创建之后都可以修改
  • 模拟服务器只会采用最后创建的示例
  • 注意状态代码的设置

使用模拟服务器

现在我们有了请求请求,有了模拟服务,响应内容也有了。

这时,mock server就不再只是一个空壳了
它会为每一个创建了example的request提供mock服务,
mock的内容就是最后创建的example的内容。

我们可以直接在浏览器上验证:

验证方式:模拟服务器地址+api

邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用

注意,如果是POST请求,大概率会失败,因为浏览器默认是用Get去访问的


环境

前面说到环境,这里做个简单讲解

Https://127.0.0.1:8080/api,主要是用于存储重用值的变量,比如你的URL前缀统一为:就可以设置环境变量,只是简化操作

例如我之前设置的
邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据,完成前端模拟接口调用


总结

模拟服务器是挂载邮递员的服务器上,只要有网络,前端是可以在家办公,而不用受制于内网限制的,有了邮递员这个功能,前端团队和后端团队完全可以在约定了api接口之后,各自完成开发,而不需要收到对方进度的影响,但接口、数据格式的约定就变得尤为重要了!





标签:邮递员-使用邮递员的模拟服务来模拟(模拟)后端数据完成前端模拟接口调用_鲲志说的博客


程序开发学习排行
最近发表
网站分类
标签列表