5.1.2 写 mock 文件

2022-06-18 21:01:16 阅读：183 来源： 互联网

标签：5.1 string 文件 dd 接口 datetime yyyy api mock

mock 文件支持两种请求：

get/api/xxx

post/api/<id>/123

<id＞代表链接路由表达式，如／api/:id/123，id 值会发生改变。具体的文件结构如下所示。

mock
|--get
   |--api_xxx.js
   post
   |--api_@id_xxx.js

以大觅项目中的“猜你喜欢接口”api_list_guesslike.js 为例，此接口的命名：api 代表接口，list 代表所属页面，这里是指列表页面，最后的 guesslike 代表接口名称为“猜你喜欢接口”。具体代码如示例
1 所示。

示例1

// 猜你喜欢接口
module.exports = function (param) {
    let paid = parseInt(param.body.itemTypeId);
    if(paid == 0) {
        return {
            "success": "string",
            "errorCode": "string",
            "msg": "",
            "data|1-4": [
                {
                    "id": '@string("number",2)',
                    "itemName": '@csentence(5)',
                    "imgUrl": 'https//pimg.dmcdn.cn/perform/project/1381/138121_n.jpg',
                    "areaId": '@string("number",3)',
                    "areaName": '@province',
                    "address": '@county(true)',
                    "startDate": '@datetime("yyyy-MM-dd")',
                    "endDate": '@datetime("yyyy-MM-dd")',
                    "minPrice": '@integer(60, 100)'
                }
            ]
        }
    }   else if(paid == 1) {
        return {
            "success": "string",
            "errorCode": "string",
            "msg": "",
            "data|1-4": [
                {
                    "id": '@string("number",2)',
                    "itemName": '@csentence(10)',
                    "imgUrl": 'https//pimg.dmcdn.cn/perform/project/1381/138121_n.jpg',
                    "areaId": '@string("number",3)',
                    "areaName": '@province',
                    "address": '@county(true)',
                    "startDate": '@datetime("yyyy-MM-dd")',
                    "endDate": '@datetime("yyyy-MM-dd")',
                    "minPrice": '@integer(60, 100)'
                }
            ]
        }
    }else {
        return {
            "success": "string",
            "errorCode": "string",
            "msg": "",
            "data": {
                "currentPage": param,
                "pageCount": 1,
                "pageSize": 10,
                "total": 6
            }
        }
    }
}

此接口的模拟要根据项目前期由前后端人员共同协商出的 API-Schema（接口定义文档）实现，先来看一下接口定义文档中的“猜你喜欢接口” 定义，如下图所示。

查看了接口定义文档的介绍，再来看示例 1，就很容易理解模拟的接口了。

标签：5.1,string,文件,dd,接口,datetime,yyyy,api,mock
来源： https://www.cnblogs.com/Huang-zihan/p/16389260.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

5.1.2 写 mock 文件

示例1