自定义接口

一、自定义接口的作用

解决前后端分离开发依赖

前后端分离的架构，后端的接口数据没有完成，而前端要实现前端的业务，但是这个业务依赖与后端的接口，为了保证前后端开发的进度，那么我们就可以自定义接口。

解除外部服务的依赖或者调用外部很慢的接口情况下；
演示项目

二、通过APIpost实现自定义接口

编写Mock 规则

自定义添加路径位置为：必填项
Mock template 必须保存后才有效
Mock url 和 method 有关，如：设置的method是post，直接使用浏览器打开（get）是返回的空（{}）

创建好了后，点击【保存】，就可以在浏览器进行打开了：

浏览器打开中显示：

基本数据(固定json结构)

{
  "code": "0",
  "data": {
    "name": "张三丰",
    "age": 100
  },
  "desc": "成功"
}

基本数据(Mock随机json结构)——根据

{
  "code": "0",
  "data": {
    "list|20": [{
      "name": "@name",
      "age": "@integer(2)"
    }],
    "url": "https://echo.apipost.cn"
  },
  "desc": "成功"
}

示例展示：

RESTFUL逻辑数据

某些场景中，我们可能需要根据接口的入参规则，加入适当的逻辑处理后再返回数据。一个简单的场景就是登录场景，需要根据用户名密码，判断是否登录成功。再或者，我们需要根据产品ID动态返回产品信息，等等。

现在，ApiPost 的Mock 服务提供了这种场景的解决方案。
以下示例中，我们用到了 _req.body对象，其含义是：

当 post 请求以 x-www-form-urlencoded 或者application/json 方式提交时，我们可以拿到请求的参数对象。

{
  "code": "0000",
  "data": {
    "verifySuccess": function() {
      let body = _req.body;
      return body.username === 'admin' && body.password === '123456';
    },
    "userInfo": function() {
      let body = _req.body;
      if (body.username === 'admin' && body.password === '123456') {
        return Mock.mock({
          username: "admin",
          email: "@email",
          address: "@address"
        });
      } else {
        return null;
      }
    },
  },
  "desc": "成功"
}