丁香园开源接口管理系统

mingde 发布于2019-08-22 11:08 / 1833人阅读

摘要：致力于解决前后端开发协作过程中出现的各类问题，提高开发效率，对接口做统一管理，同时也能为后续的迭代维护提供更便捷的方式。丁香园也将努力持续的做技术输出产品输出，为开源社区做出自己的一份力量。

API Mocker

先贴上项目地址：DXY-F2E/api-mocker

随着web发展，前后端分离的演进，网页的交互变的越来越复杂。在项目开发过程中，前后端并行开发时，在涉及到接口的部分，总是遇到各类问题。诸如接口假数据、接口参数的约定、代理调试等等，极大的影响了开发效率。

API Mocker致力于解决前后端开发协作过程中出现的各类问题，提高开发效率，对接口做统一管理，同时也能为后续的迭代维护提供更便捷的方式。

系统功能 接口约定

API Mocker提供操作简单但功能丰富的接口编辑，接口约定者能方便的设置接口的各类信息，其中：

结构化的接口参数输入与输出

支持不同维度的请求参数约定（query，body，path, header）

支持参数的类型约定（string，number，boolean，object，array）

参数备注、示例

支持Json数据逆向生成参数结构

保留一定接口历史记录

Mock数据

API Mocker认为，mock不仅仅体现在返回数据中，mock请求本身也应该符合接口约定。因此，我们提供更加符合业务场景的mock服务。

Mock请求会根据接口约定，自动生成假数据。

Mock请求会根据接口约定，对请求参数做校验。（校验是否选填、参数类型是否正确）。

根据接口约定与用户设置，能模拟不同的网络响应状态，如：200，404，500。

支持接口代理，代理mock请求到线上or测试地址，避免开发环境跨域，省下Charles代理过程。

支持Mock.js语法。

接口文档

API Mocker会根据接口约定自动生成简洁优美、结构清晰的接口文档。同时，可以订阅接口，当接口发送变化时，及时收到邮件通知。

接口权限

API Mocker提供简单易用的权限控制。

组级别、API级别控制

可见性、可写性权限控制

其他功能点

接口测试。开发人员可以在系统上直接测试接口，避免在postman等请求工具上又填写众多参数

便捷的接口搜索。（可以按接口地址、管理员等维度搜索接口）

数据呈现

支持rap的导入

技术栈与第三方库

ES6

ESLint (Standard)

Ramda

...

Client

Vue全家桶（vue + vuex + vue-router + webpack）

ElementUI, Mock.js, etc...

Less

架构图如下：

Server

Egg, Koa

MongoDB

Mongoose

架构图如下：

其他部署相关内容可看项目github地址的介绍。

系统未来展望 更加强大的接口约定

更多校验属性的添加（日期、范围、正则）

更便捷的编辑

模板选择

组内接口字段智能提示

完善restful api的支持

接口状态管理、版本管理

更完善的周边功能

swagger导入

markdown格式文档导出

Model文件导出（TypeScript等）

自动化测试

随机数据

多次请求

生成报表

其他完善的点

完善mock的体验

更多维度的数据统计

完善使用文档

国际化

致谢

项目本身也引用了众多开源项目，在此再次感谢这些项目对社会与技术圈作出的杰出贡献。丁香园也将努力、持续的做技术输出、产品输出，为开源社区做出自己的一份力量。

Github地址 API Mocker使用文档

GPU云服务器云服务器丁香开源接口开源接口平台开源api接口

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91860.html

2017-09-17 前端日报

摘要：前端日报精选面向初学者的高阶组件教程腾讯大会图文笔记第期如何在没有实际项目经验的情况下找到工作一篇包含了所有基本点的文章组件设计和分解思考中文常用命令嘿，前端丁香园开源接口管理系统个人文章基于的手机控制电脑实例掘金如何在上创建 2017-09-17 前端日报精选面向初学者的高阶组件教程腾讯IMweb Conf 2017大会图文笔记【第1059期】如何在没有实际项目经验的情况下找到工...

RichardXG 2019-08-22 11:09 评论0 收藏0
CSS相关文章

摘要：如何用获取虚拟键盘高度前端早读课月号早读文章由汤谷投稿分享。大杀器和把动画转换成原生动画初来乍到，本文搬运自我月份在知乎发的文章。前端面试之 CSS3 新特性除了 HTML5 的新特性，CSS3 的新特性也是面试中经常被问到的。如何用 js 获取虚拟键盘高度？-前端早读课 9月7号早读文章由@汤谷投稿分享。正文从这开始～这是一个存在很久的历史问题了，对于这样一个具有普遍性的问题...

FrozenMap 2019-08-29 14:21 评论0 收藏0
css進階

摘要：栅格系统用于处理页面多终端适配的问题。它表示抓取对象以后拖放到另一个位置。目前，它是标准的一部分。精简高效的命名准则方法这篇文章发布于年月日，星期日，，归类于相关。但是不会受到包含块的限制，可能会溢出。一劳永逸的搞定 flex 布局寻根溯源话布局一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由...

import. 2019-08-29 14:07 评论0 收藏0
计算机秋招必备！杭州互联网大厂企业整理清单！

摘要：截至年月日零时，杭州市常住人口为万人。年，杭州市实现地区生产总值亿元。阿里巴巴对杭州的影响巨大，一线的七个企业中，有四个企业都是阿里巴巴大集团下的。欢迎持续关注我...

morgan 2021-09-29 09:34 评论0 收藏1