您现在的位置是:首页 > 技术教程 正文

postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用

admin 阅读: 2024-03-26
后台-插件-广告管理-内容页头部广告(手机)

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

目录

  • Postman-模拟服务介绍
  • 使用postman mock数据
    • 创建mock集合-Collection
      • 找到Collection
      • 点击 + 号创建
      • 创建request
    • 创建mock server
      • 选择集合mock
      • 配置mock
      • 得到mock server地址
    • 创建mock response
      • 1. 打开collection,选择request;
      • 2. 为request创建一个example;
      • 3. 保存example;
    • 使用mock server
  • Environment
  • 总结

Postman-模拟服务介绍

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


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

使用postman mock数据

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

创建mock集合-Collection

找到Collection

在这里插入图片描述

点击 + 号创建

在这里插入图片描述

可以看到我创建的集合
在这里插入图片描述

创建request

如图,我创建了一个GET 接口
在这里插入图片描述


创建mock server

选择集合mock

依然是在我们创建的集合这里,看到三个空心点,点击后可以看到Mock collection,点击
在这里插入图片描述

配置mock

点击Mock collection后,出现以下界面,为我们的mock server起个名字

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

在这里插入图片描述

得到mock server地址

点击creat mock server后,会看到如下页面,有一个mock server的地址,这个mock server是postman在自己的服务器上为我们创建的,无论我们是否打开postman,我们都可以直接用这个地址来访问mock的API。
在这里插入图片描述

这个地址也不会丢,如下图步骤可以看到创建的mock server:
在这里插入图片描述


创建mock response

现在我们有了request请求,有了mock 服务,还缺少response就大功告成。

这一步简单理解来说就是对于request请求,需要自己提供mock data。

在postman里面,这个概念叫做example,即每一个你需要访问的路径/接口/资源,都可以提供一个

标签:
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

在线投稿:投稿 站长QQ:1888636

后台-插件-广告管理-内容页尾部广告(手机)
关注我们

扫一扫关注我们,了解最新精彩内容

搜索
排行榜