【Mock数据】fastmock根据传入参数动态返回mock内容

在项目中的一般逻辑是,前端发起请求,后端接收参数,经过逻辑处理后返回数据给前端。也就是说,后端返回什么数据取决于前端传过去什么数据,因此,mock数据时,死数据是有很大的局限性的。fastmock则提供了解决方案,支持从请求中获取数据然后再返回对应的响应信息。

fastmock支持以下四种数据:

  • restful链接参数:如/user/1,对应数据为{id: 1},获取方式为_req.params.id

  • query查询参数:如/user?username=Amour,获取方式为_req.query.username。常用于get请求

  • body请求体数据:参数在request body中,获取方式为_req.body.key。常用于post请求

  • headers头部信息:获取方式为_req.headers.key。常用的场景是接口的token验证,获取方式为_req.headers.token

【Mock数据】fastmock根据传入参数动态返回mock内容_第1张图片

使用方法

在原有json数据的基础上,需要动态返回的值不是具体的某个值或者mock规则,而是一个函数,函数接收两个参数,分别是_req和Mock(变量名不可更改

{
    // 两个参数用{}包着,不要遗漏,否则会报错
    "username":function({_req,Mock}){
        从_req中取值
        逻辑处理
        ......
        返回数据
    }
}

function参数说明

【Mock数据】fastmock根据传入参数动态返回mock内容_第2张图片

【Mock数据】fastmock根据传入参数动态返回mock内容_第3张图片 下面来看个简单的例子

在fastmock中创建接口,接口内容如下:

{
    "msg":function({_req,Mock}){
        let query = _req.query;
        let username = query.username;
        let password = _req.query.password;
        if (username == "admin" && password == "123456"){
            return "登陆成功";
        }else{
            return "用户名或密码错误";
        }
    }
}

 用户名为admin且密码为123456时,返回登录成功信息;否则提示用户名或密码错误

接口创建好之后我们去请求。直接在浏览器访问,会出现一个类似于postman的页面,左边是请求和响应信息,右边是发送请求的参数和方式等。

【Mock数据】fastmock根据传入参数动态返回mock内容_第4张图片

 上面是get请求的界面,如果是post请求,会显示body区域,可以在这里写入参数,就不会拼接到url上了。

【Mock数据】fastmock根据传入参数动态返回mock内容_第5张图片

 更多资料请看fastmock出的文档:https://marvengong.gitee.io/fastmock/#/restful

以上。

 

你可能感兴趣的:(测试技能,前端,mock数据)