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

这篇具有很好参考价值的文章主要介绍了postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

Postman-模拟服务介绍

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


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

使用postman mock数据

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

创建mock集合-Collection

找到Collection

postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock

点击 + 号创建

postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock

可以看到我创建的集合
postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock

创建request

如图,我创建了一个GET 接口
postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock


创建mock server

选择集合mock

依然是在我们创建的集合这里,看到三个空心点,点击后可以看到Mock collection,点击
postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock

配置mock

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

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

postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock

得到mock server地址

点击creat mock server后,会看到如下页面,有一个mock server的地址,这个mock server是postman在自己的服务器上为我们创建的,无论我们是否打开postman,我们都可以直接用这个地址来访问mock的API。
postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock

这个地址也不会丢,如下图步骤可以看到创建的mock server:
postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock


创建mock response

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

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

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

具体步骤:

1. 打开collection,选择request;

2. 为request创建一个example;

postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock

3. 保存example;

填写response数据

postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock

这里有几点需要注意:

  • 每个request都可以有多个example
  • 每个example创建之后都可以修改
  • Mock server只会采用最后创建的example
  • 注意status code的设置

使用mock server

现在我们有了request请求,有了mock 服务,response内容也有了。

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

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

验证方式:mock server地址+api

postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock

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


Environment

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

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

例如我之前设置的
postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用,软件工具,postman,前端,测试工具,敏捷流程,安全性测试,前后端联调,mock


总结

mock server是挂载postman的服务器上,只要有网络,前端是可以在家办公,而不用受制于内网限制的,有了postman这个功能,前端团队和后端团队完全可以在约定了API接口之后,各自完成开发,而不需要收到对方进度的影响,但接口、数据格式的约定就变得尤为重要了!文章来源地址https://www.toymoban.com/news/detail-678052.html

到了这里,关于postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用postman模拟表单提交数据,对象接受值不到为NULL

    使用postman模拟表单提交数据,对象接受值不到为NULL: 问题场景如下: 用PostMan发送Post请求的时候,后端接受不到数据,如下图所示: 后端接参如下图所示: 如果你搜索了很多资料,都还没能解决,就往maven的依赖中去找问题,我这里的问题就是缺少一个很常见的依赖如下:

    2024年02月02日
    浏览(25)
  • 如何使用postman10 mock一个接口并设置返回参数为json

    本来今天高高兴兴,换了新电脑、下载了现在最新的postman版本(v10.0.7)。没想到几年的时间,mock操作已经改得不会用了。 落泪踩坑并记录下走默认mock配置,导致http接口接收不到返回值的问题 看见这个界面就是简单的配置完成啦~ 在这里可以调用我们之前配置的mock服务,点

    2024年02月01日
    浏览(47)
  • HTTP请求响应详解 (HTTP请求数据格式,常见请求方式,后端响应参数)及Apifox(postman)使用方式

    目录 一.HTTP协议  二.HTTP请求数据格式  请求方式 三.后端响应请求 基于SpringBoot响应数据 请求响应的参数类型 同一响应格式 四.Apifox(postman)使用方法 HTTP(Hypertext Transfer Protocol,超文本传输协议)是一种用于传输超媒体文档(如HTML)的应用层协议。 HTTP的特点和工作原理如下

    2024年03月09日
    浏览(57)
  • Jmeter 使用multipart/form-data传递参数,后端拿不到参数数据,同样的请求,同样的参数,postman却可以

    提示:阅读本章之前,请先阅读目录 我遇到了一个怪事,就是同一个接口,同样的参数,同样的数据,postman可以请求,但是jmeter却不行,因为接口需要使用到multipart/form-data的提交方法,所以,出现这个情况,首先,察觉到该问题,主要还是因为multipart/form-data 在jmeter中,你

    2024年02月11日
    浏览(41)
  • Java开发学习(二十五)----使用PostMan完成不同类型参数传递

    学习路线指引(点击解锁) 知识定位 人群定位 🧡 Python实战微信订餐小程序 🧡 进阶级 本课程是python flask+微信小程序的完美结合,从项目搭建到腾讯云部署上线,打造一个全栈订餐系统。 💛Python量化交易实战💛 入门级 手把手带你打造一个易扩展、更安全、效率更高的量

    2023年04月09日
    浏览(37)
  • 使用Postman模拟文件上传和下载

    Postman是一款强大的HTTP请求模拟工具,它可以帮我们在没有前端界面的情况下模拟发送HTTP请求,非常适合API开发和测试。在本篇文章中,我将向你展示如何使用Postman进行文件的上传和下载。   启动Postman,点击“新建请求”按钮。 在弹出的新页面中,选择请求类型为“POST”

    2024年02月13日
    浏览(28)
  • Spring 从Postman发送的数据,后端接受变成null了?!

    今天遇到了个奇怪的问题,用Postman给后端发JSON格式的数据,结果,发来全是null,在网上找了很多方法都不行。可以看看如下的操作: 设计的domain类 接受相关JSON的Mapping Postman发送的数据 就按上面这么做,点击“Send”,结果如下: 经过一番尝试,我猜测应该是没有相应的构

    2024年02月11日
    浏览(25)
  • 初涉后端--为什么postman能够成功获取后端数据,前端项目却不能获取后端数据(已解决)

    刚学完前端,这几天初涉了一下后端,一开始就碰壁了,用写好的前端项目怎么都连接不上后端,但是奇怪的是明明postman可以成功请求到后端的数据 后端代码 postman测试结果,成功 前端网络提示 但是我注意到了前端响应状态为200,说明二者可能其实是连接上了的 最后通过查

    2024年02月02日
    浏览(51)
  • 使用PostMan使用post请求向后端发送json对象时报错

     报错信息:Resolved [org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Cannot deserialize instance of com.itheima.domain.Book out of START_ARRAY token; nested exception is com.fasterxml.jackson.databind.exc.MismatchedInputException: Cannot deserialize instance of com.itheima.domain.Book out of START_ARRAY token  at

    2024年02月03日
    浏览(32)
  • postman建mock serverf,出现点不了的情况

    前提:postman +showdoc + runapi建mock server 出现 you need to be in a workspace to perform this action  出现这个问题的人应该很少, 原因是这个问题是逃避登录造成的 you need to be in a workspace to perform this action的含义:是没有开辟出一个工作区域来建mock server 做注册操作就可以了,具体的没有截

    2024年02月07日
    浏览(27)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包