在线接口测试工具fastmock使用

1、fastmock线上数据模拟器

在平时的项目测试中,尤其是前后端分离的时候,前端人员需要测试调用后端的接口,这个时候会出现测试不方便的情况。此时我们可以使用fastmock平台在线上模拟出一个可以调用的接口,方便前端人员进行数据测试。

本地无需任何开发,将请求根地址指向到模拟地址即可轻松实现接口模拟

快速生成

1.1、创建账号

官网地址:fastmock 在线接口 Mock 平台

创建账号,这个比较简单,需要使用一个有效的有效,因为需要邮箱激活。

演示数据,只需要开发前端界面和交互效果即可向客户演示产品完整功能。

57837f274e7e4fde9723fc2beab05a99.png

1.2、添加项目

5670e88efbb14c7c9de9ee0cb7f50b8e.png

1.3、在项目中新增接口

3fa1909708064b6686bc38f5ea223163.png

1.4、填写接口中的参数

页面中主要写请求的类型和请求的地址。

如果不知道怎么写返回值,可以参照代码示例。

注意点:在示例代理的最后一定要加上一个;号。

0818c5d6ba6340289cc8b30ecb8c7175.png

7ba4771ea83f464da4d9b0a1770efe5f.png

【请求示例代码】

代码的作用:

如果传入的username值为admin,密码为123456,返回正确信息。

{
  code: 0,
  data: {
    userInfo: function({_req}) {
      const { username, pwd } = _req.query;
      if ( username === 'admin' && pwd === '123456' ) {
        return {
          username,
          pwd
        };
        return null;
      }
    }
  },
  _res: {
    status: function({_req}) {
      const { username, pwd } = _req.query;
      if ( username === 'admin' && pwd === '123456' ) {
        return 200;
      }
      return 501;
    }
  }
};

1.5、在浏览器中请求接口

输入正确的用户名和密码

a9ddc4f811054ee3a302dad94b1469bd.png

输入错误的用户名和密码

efe6b71ac5604a2d8222288765806146.png

1.6、接口调用返回501问题

我上面写的接口需要传入两个参数username和pwd,如果没有传入值,报错501,记得需要参数补齐。

8e1847dc7c9940b087baed08d8e03cee.png

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雾林小妖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值