一统江湖的大前端（3） DOClever——你的postman有点low

《一统江湖的大前端》系列是本身的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各种好玩的js库，不按期更新。若是你对前端的理解仍是写写页面绑绑事件，那你真的是有点OUT了，前端能作的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工智能的库 , 页面游戏 , 数据可视化 , 甚至 嵌入式开发 ，什么火就搞什么,活脱脱一个蹭热点小能手。若是你也以为前端的平常开发有些枯燥，不妨一块儿来看看前端的另外一番模样。

Mock服务器 + Excel怎么了

若是你的开发进度还在被后端开发人员牵着鼻子走，请参考《一统江湖的大前端（2）—— Mock.js+Node.js如何与后端潇洒分手》，优化本身的开发工做流

有了Mock服务器和Excel的文档说明后，相信你们的沟通效率会比之前提高不少，但仍然被沟通占据着绝大部分开发时间，经常遇到的状况会有：

• 没有注释信息，字段不宜对齐
  Mock服务器返回的只有数据，没有注释信息，即使后端开发人员有心把查到的信息重组为你须要的字段，但仍有可能由于没法对号入座而做罢。

• 接口数量增长后难以管理
  简易的Mock服务器没法提供相应的接口文档，随着接口数量的增长，分分钟乱成一锅粥，总不能每次查个接口都是跑去翻Mock服务器的源代码而后看注释吧

• 无测试支持
  MockJs只生成模拟数据，并没有任何对自动化测试的支持

• 满怀热情写了API文档，But没人看
  程序员大多没有Excel习惯，并且你们都很忙，忙到即使你提供了Mock接口以及相关的API说明，他们仍是会再问你一遍关于接口的信息程序员习惯以本身熟悉的方式进行工做，并且通常默认这种效率最高。

• Excel版本的API文档方便交流，但不易更新
  一对一联调时候还好，但若是项目组内协做人员较多时，麻烦就来了，每当你更新或是增长接口信息时，就要从新给全部相关人员发送一次新的Excel文件，很不方便。

DOClever——前端开发的接口管理工具

Java开发人员有Swagger，无严格保密性要求的能够尝试阿里的RAP，都是专业且强大的接口管理工具。当咱们仅但愿在内网中使用，或仅仅处于优化我的工做流的目的时，强烈推荐这块开源接口管理软件——DOClever，DOClever很是适合前端人员使用，VUE+express+mongodb编写，纯前端技术栈，可以实现团队管理，接口管理，文档管理，自动化测试等功能，甚至能够根据接口返回数据自动生成接口文档的结构，方便智能。

不管你当前在作的项目是否有管理好相关的接口文档，做为开发人员，你都应该有本身的方式来管理好全部出自你手的接口

MockJs还没有失宠

• 特殊场景
  DOClever自带的Mock工具能够按参数类型生成虚拟数据，对于开发人员交流已经够用了，但若是前台须要多条模式相同的数据时，就须要用到上一篇博客中提到的MockJs来生成，（DOClever自带的Mock语法貌似还没有支持循环生成雷同数据，除了本身修改源代码外，若是还有其余更方便的实现方法也请不吝赐教~），DOClever中能够设置多台Mock服务器的url地址，常见的协做需求中，两套数据基本够用了，一套方便快捷，配合核对接口，另外一套须要自定义开发，配合实现各类前端展现需求。

DOClever的安装

安装须要的东西真的比较多，尤为是对于非前端人员而言。

• 1.安装nodejs
  上一篇博客的附件中有nodejs V8.9的安装包
• 2.安装mongodb
  mongodb的安装能够参考Windows环境下如何安装mongodb
• 3.安装mongodb可视化管理工具(我的推荐robot3T)[可选]
• 4.安装DOClever
  因为是开源项目，直接在github上下载DOClever,使用方法主页有很详细的说明，按步骤来部署就能够了。
  本身部署的图：

开始DOCLever

• 可视化的管理API
  • 界面左侧树形图式管理全部相关API，方便查找
  • 可视化界面直接填写API相关信息
  • 参数化填写request请求体
  • 参数化编写响应数据，支持无限层次嵌套

• 方便的Mock数据获取
  • 直接选择DOClever自带的mock服务器，能够方便地与协做人员沟通接口字段和结构
  • 选择本身搭建的Mock服务器，能够方便地得到更多模式相同的响应数据

• 自动化接口测试
  • 简易的自动化测试语法

• 自动化测试集计划任务
  • 定时跑任务自动化测试用例集
    

后记

别人开发的代码你能够无论，但出自你手的代码， 愿它们都是精品，易于查询，易于管理。