基于Koa2写个脚手架模拟接口服务的方法


Posted in Javascript onNovember 27, 2018

ap-cli 前端模拟接口服务脚手架

项目地址

依据接口定义,帮助你快速的完成接口模拟工作。

主要功能:

  • [x] 通过json、js、swagger文件模拟接口数据
  • [x] 通过正则匹配指定需要mock的文件
  • [x] 生成简单markdown接口文档

开始

下载ap-cli

$ npm install ap-cli -g

创建data.json

[
 {
  "url": "/api/get/index",
  "method": "get",
  "response": {
   "name": "pc",
   "status": "success"
  }
 }
]

运行

$ ap-cli -m data.json

现在打开 http://localhost:3000/api/get/index ,你会得到

{ "name": "pc", "status": "success" }

同时会在当前文件目录生成一个简单的markdown接口文档

使用

1、通过js方式模拟数据

格式查看

data.js

const getUserList = () => {
 const data = {
  "summary": "获取用户列表(get方式)",
  "url": "/api/get/userList",
  "method": "get",
  "parameters": "",
  "response": {
   "count": 100,
   "userList": []
  }
 }
 for (let i = 0; i < 100; i++) {
  data.response.userList.push({ id: i, name: `user${i}` })
 }
 return data
};

module.exports = {
 getUserList
};

运行

$ ap-cli -m data.js

查看接口

http://localhost:3000/api/get/userList

2、通过swagger文件模拟数据

这种方式主要是通过swagger生成一个xx_new.json文件,然后进行模拟数据

# 运行会生成一个swagger_new.json文件
$ ap-cli -s swagger.json
# 模拟数据
$ ap-cli -m swagger_new.json

通过正则匹配指定要模拟的文件

当前目录下有3个文件a1.json、a2.js、b1.js,你可以通过正则只模拟a1.json和a2.js文件的数据。

$ ap-cli -m all -r /^a/

CLI用法

# 缩写 完整 默认 说明
1 -m --mock [fileName] 'all' 模拟接口服务,[fileName]当前目录下要mock的文件名,[all]默认当前目录下的所有文件
2 -r --regexp [regexp] 通过正则匹配需要mock的文件
3 -s --swagger [fileName] 通过swagger生成json模板文件,[fileName]当前目录下的swagger文件名
4 -p --port [port] 3000 指定mock的端口

完整模板及说明

不管是json、js、swagger文件,最终都是转换成下面的格式进行处理。

示例

[
 {
  "summary": "获取用户信息接口json",
  "url": "/api/get/userinfo",
  "method": "post",
  "parameters": {
   "parsing": true,
   "child": [
    {
     "key": "userid",
     "type": "string",
     "required": true,
     "description": "user id"
    }
   ]
  },
  "response": {
   "body": {
    "id": "0001",
    "status": "success",
    "userinfo": {
     "name": "pc",
     "age": 18,
     "gender": "boy"
    }
   }
  }
 }
]

主要属性说明

# 字段 类型 说明 默认 是否必须 备注
1 summary string 接口概述 xxx接口
2 url string 接口地址 /api
3 method string http请求方式 get
4 parameters / 接口请求参数 可显示为表格(详见下1-1.parameters属性说明)
5 response / 接口响应数据

1-1. parameters属性说明

# 字段 类型 说明 默认 是否必须 备注
1 parsing boolean 是否解析 false
2 child object [] 子节点 子节点属性(详见1-1-1.child属性说明)

1-1-1. child属性说明

# 字段 类型 说明 默认 是否必须
1 key string 字段名称 -
2 type string 字段类型 string
3 description string 字段说明
4 required boolean 是否必须 false
5 child object [] 子节点数据

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
索趣科技的答案
Feb 07 Javascript
用表格输出1-1000之间的数字实现代码(附特效)
Apr 21 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
jQuery qrcode生成二维码的方法
Apr 03 Javascript
JS实现类似51job上的地区选择效果示例
Nov 17 Javascript
利用angularjs1.4制作的简易滑动门效果
Feb 28 Javascript
bootstrap modal+gridview实现弹出框效果
Aug 15 Javascript
vue中v-model动态生成的实例详解
Oct 27 Javascript
JavaScript 正则命名分组【推荐】
Jun 07 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
Aug 31 Javascript
ES10的13个新特性示例(小结)
Sep 23 Javascript
JavaScript定时器常见用法实例分析
Nov 15 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 #Javascript
vue2.0移动端滑动事件vue-touch的实例代码
Nov 27 #Javascript
详解vuex 渐进式教程实例代码
Nov 27 #Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 #Javascript
Node+OCR实现图像文字识别功能
Nov 26 #Javascript
图片文字识别(OCR)插件Ocrad.js教程
Nov 26 #Javascript
JS 验证码功能的三种实现方式
Nov 26 #Javascript
You might like
thinkphp模板用法和内容输出实例
2014/11/28 PHP
Yii快速入门经典教程
2015/12/28 PHP
PHP5.6.8连接SQL Server 2008 R2数据库常用技巧分析总结
2019/05/06 PHP
不懂JavaScript应该怎样学
2008/04/16 Javascript
JS IE和FF兼容性问题汇总
2009/02/09 Javascript
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
2014/04/04 Javascript
Javascript小技巧之生成html元素
2014/05/15 Javascript
jquery文档操作wrap()方法实例简述
2015/01/10 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
bootstrap模态框消失问题的解决方法
2016/12/02 Javascript
浅谈Vue.js
2017/03/02 Javascript
vue-router路由懒加载和权限控制详解
2017/12/13 Javascript
vue结合Echarts实现点击高亮效果的示例
2018/03/17 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
利用Dectorator分模块存储Vuex状态的实现
2019/02/05 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
2020/03/03 Javascript
jQuery 选择方法及$(this)用法实例分析
2020/05/19 jQuery
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
Python Tkinter GUI编程入门介绍
2015/03/10 Python
Python中subprocess的简单使用示例
2015/07/28 Python
python解决pandas处理缺失值为空字符串的问题
2018/04/08 Python
Django urls.py重构及参数传递详解
2019/07/23 Python
Selenium自动化测试工具使用方法汇总
2020/06/12 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
Django模型验证器介绍与源码分析
2020/09/08 Python
CSS实现限制字数功能当对象内文本溢出时显示省略标记
2014/08/20 HTML / CSS
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
Expedia丹麦:全球领先的旅游网站
2018/03/18 全球购物
某公司Java工程师面试题笔试题
2016/03/27 面试题
Java基础面试题
2014/07/19 面试题
单位个人查摆问题及整改措施
2014/10/28 职场文书
2016年“5.12”国际护士节活动总结
2016/04/06 职场文书
关于flex 上下文中自动 margin的问题(完整例子)
2021/05/20 HTML / CSS
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技