在线接口测试工具fastmock使用

1、fastmock线上数据模拟器

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

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

快速生成

1.1、创建账号

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

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

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

在线接口测试工具fastmock使用_第1张图片

1.2、添加项目

在线接口测试工具fastmock使用_第2张图片

1.3、在项目中新增接口

在线接口测试工具fastmock使用_第3张图片

1.4、填写接口中的参数

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

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

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

在线接口测试工具fastmock使用_第4张图片

在线接口测试工具fastmock使用_第5张图片

【请求示例代码】

代码的作用:

如果传入的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、在浏览器中请求接口

输入正确的用户名和密码

在线接口测试工具fastmock使用_第6张图片

输入错误的用户名和密码

在线接口测试工具fastmock使用_第7张图片

1.6、接口调用返回501问题

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

在线接口测试工具fastmock使用_第8张图片

你可能感兴趣的:(常用的开发工具,在线测试工具,fastmock,在线接口测试)