用户国营 发表于 2024-6-15 00:09:11

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

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


Postman-模拟服务先容

   Setting up mockservers-设置模拟服务器:Postman开辟了一种新的模拟服务,使团队能够模拟后端服务器。Postman使您能够创建模拟服务器来协助 API 开辟和测试。模拟服务器通过担当哀求并返反响应来模拟真实 API服务器的行为。通过将模拟服务器添加到您的集合并向您的哀求添加示例,您可以模拟真实 API 的行为。
前端,后端和API团队现在可以并行工作,从而开释之前因这些依靠性而延迟的开辟职员。现在,让我们看看Postman是怎样模拟后端的。
使用postman mock数据

⚠️:以下截图展示功能模块大概会和你的有所出入,应该只是版本题目,找到对应功能操纵即可
创建mock集合-Collection

找到Collection

https://img-blog.csdnimg.cn/99b01708346b4de894ae0e632bccd7e1.png
点击 + 号创建

https://img-blog.csdnimg.cn/7458b4e81ebd43cca830214d0c0ca326.png
可以看到我创建的集合
https://img-blog.csdnimg.cn/291055bbd62147b383b73ae143d5c358.png
创建request

如图,我创建了一个GET 接口
https://img-blog.csdnimg.cn/2c748c513ac94315a2ec1d83a0215f8c.png
创建mock server

选择集合mock

依然是在我们创建的集合这里,看到三个空心点,点击后可以看到Mock collection,点击
https://img-blog.csdnimg.cn/2769cc076fb2423bb2ed328cf9c68028.png
设置mock

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


[*]Environment:存储重用值的变量,比如你的url前缀统一为:https://127.0.0.1:8080/api,就可以设置情况变量,只是简化操纵,无实际影响,这个下面会讲到
[*]Simulate a fixed network delay:网络延迟的选择,无特殊要求也不消管
https://img-blog.csdnimg.cn/aebd530d3cb44669877a1d105cebb0f8.png
得到mock server地址

点击creat mock server后,会看到如下页面,有一个mock server的地址,这个mock server是postman在本身的服务器上为我们创建的,无论我们是否打开postman,我们都可以直接用这个地址来访问mock的API。
https://img-blog.csdnimg.cn/bf642b1b3b40475683e0e37d46c93958.png
这个地址也不会丢,如下图步调可以看到创建的mock server:
https://img-blog.csdnimg.cn/9e4d9c7bc8b34c939b45249290ea74b4.png
创建mock response

现在我们有了request哀求,有了mock 服务,还缺少response就大功告成。
这一步简单理解来说就是对于request哀求,需要本身提供mock data。
   在postman里面,这个概念叫做example,即每一个你需要访问的路径/接口/资源,都可以提供一个
页: [1]
查看完整版本: postman-使用Postman的模拟服务来模拟(mock)后端数据,完成前端模拟API调