丁香園開源接口管理系統(tǒng)

mingde 發(fā)布于2019-08-22 11:08 / 1897人閱讀

摘要：致力于解決前后端開發(fā)協(xié)作過程中出現(xiàn)的各類問題，提高開發(fā)效率，對接口做統(tǒng)一管理，同時也能為后續(xù)的迭代維護提供更便捷的方式。丁香園也將努力持續(xù)的做技術輸出產品輸出，為開源社區(qū)做出自己的一份力量。

API Mocker

先貼上項目地址：DXY-F2E/api-mocker

隨著web發(fā)展，前后端分離的演進，網頁的交互變的越來越復雜。在項目開發(fā)過程中，前后端并行開發(fā)時，在涉及到接口的部分，總是遇到各類問題。諸如接口假數(shù)據、接口參數(shù)的約定、代理調試等等，極大的影響了開發(fā)效率。

API Mocker致力于解決前后端開發(fā)協(xié)作過程中出現(xiàn)的各類問題，提高開發(fā)效率，對接口做統(tǒng)一管理，同時也能為后續(xù)的迭代維護提供更便捷的方式。

系統(tǒng)功能 接口約定

API Mocker提供操作簡單但功能豐富的接口編輯，接口約定者能方便的設置接口的各類信息，其中：

結構化的接口參數(shù)輸入與輸出

支持不同維度的請求參數(shù)約定（query，body，path, header）

支持參數(shù)的類型約定（string，number，boolean，object，array）

參數(shù)備注、示例

支持Json數(shù)據逆向生成參數(shù)結構

保留一定接口歷史記錄

Mock數(shù)據

API Mocker認為，mock不僅僅體現(xiàn)在返回數(shù)據中，mock請求本身也應該符合接口約定。因此，我們提供更加符合業(yè)務場景的mock服務。

Mock請求會根據接口約定，自動生成假數(shù)據。

Mock請求會根據接口約定，對請求參數(shù)做校驗。（校驗是否選填、參數(shù)類型是否正確）。

根據接口約定與用戶設置，能模擬不同的網絡響應狀態(tài)，如：200，404，500。

支持接口代理，代理mock請求到線上or測試地址，避免開發(fā)環(huán)境跨域，省下Charles代理過程。

支持Mock.js語法。

接口文檔

API Mocker會根據接口約定自動生成簡潔優(yōu)美、結構清晰的接口文檔。同時，可以訂閱接口，當接口發(fā)送變化時，及時收到郵件通知。

接口權限

API Mocker提供簡單易用的權限控制。

組級別、API級別控制

可見性、可寫性權限控制

其他功能點

接口測試。開發(fā)人員可以在系統(tǒng)上直接測試接口，避免在postman等請求工具上又填寫眾多參數(shù)

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

數(shù)據呈現(xiàn)

支持rap的導入

技術棧與第三方庫

ES6

ESLint (Standard)

Ramda

...

Client

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

ElementUI, Mock.js, etc...

Less

架構圖如下：

Server

Egg, Koa

MongoDB

Mongoose

架構圖如下：

其他部署相關內容可看項目github地址的介紹。

系統(tǒng)未來展望 更加強大的接口約定

更多校驗屬性的添加（日期、范圍、正則）

更便捷的編輯

模板選擇

組內接口字段智能提示

完善restful api的支持

接口狀態(tài)管理、版本管理

更完善的周邊功能

swagger導入

markdown格式文檔導出

Model文件導出（TypeScript等）

自動化測試

隨機數(shù)據

多次請求

生成報表

其他完善的點

完善mock的體驗

更多維度的數(shù)據統(tǒng)計

完善使用文檔

國際化

致謝

項目本身也引用了眾多開源項目，在此再次感謝這些項目對社會與技術圈作出的杰出貢獻。丁香園也將努力、持續(xù)的做技術輸出、產品輸出，為開源社區(qū)做出自己的一份力量。

Github地址 ????API Mocker使用文檔

云服務器 GPU云服務器丁香開源接口開源接口平臺開源api接口

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91860.html

2017-09-17 前端日報

摘要：前端日報精選面向初學者的高階組件教程騰訊大會圖文筆記第期如何在沒有實際項目經驗的情況下找到工作一篇包含了所有基本點的文章組件設計和分解思考中文常用命令嘿，前端丁香園開源接口管理系統(tǒng)個人文章基于的手機控制電腦實例掘金如何在上創(chuàng)建 2017-09-17 前端日報精選面向初學者的高階組件教程騰訊IMweb Conf 2017大會圖文筆記【第1059期】如何在沒有實際項目經驗的情況下找到工...

RichardXG 2019-08-22 11:09 評論0 收藏0
CSS相關文章

摘要：如何用獲取虛擬鍵盤高度前端早讀課月號早讀文章由湯谷投稿分享。大殺器和把動畫轉換成原生動畫初來乍到，本文搬運自我月份在知乎發(fā)的文章。前端面試之 CSS3 新特性除了 HTML5 的新特性，CSS3 的新特性也是面試中經常被問到的。如何用 js 獲取虛擬鍵盤高度？-前端早讀課 9月7號早讀文章由@湯谷投稿分享。正文從這開始～這是一個存在很久的歷史問題了，對于這樣一個具有普遍性的問題...

FrozenMap 2019-08-29 14:21 評論0 收藏0
css進階

摘要：柵格系統(tǒng)用于處理頁面多終端適配的問題。它表示抓取對象以后拖放到另一個位置。目前，它是標準的一部分。精簡高效的命名準則方法這篇文章發(fā)布于年月日，星期日，，歸類于相關。但是不會受到包含塊的限制，可能會溢出。一勞永逸的搞定 flex 布局尋根溯源話布局一切都始于這樣一個問題：怎樣通過 CSS 簡單而優(yōu)雅的實現(xiàn)水平、垂直同時居中。記得剛開始學習 CSS 的時候，看到 float 屬性不由...

import. 2019-08-29 14:07 評論0 收藏0
計算機秋招必備！杭州互聯(lián)網大廠企業(yè)整理清單！

摘要：截至年月日零時，杭州市常住人口為萬人。年，杭州市實現(xiàn)地區(qū)生產總值億元。阿里巴巴對杭州的影響巨大，一線的七個企業(yè)中，有四個企業(yè)都是阿里巴巴大集團下的。歡迎持續(xù)關注我...

morgan 2021-09-29 09:34 評論0 收藏1