摘要:致力于解決前后端開發(fā)協(xié)作過程中出現(xiàn)的各類問題,提高開發(fā)效率,對(duì)接口做統(tǒng)一管理,同時(shí)也能為后續(xù)的迭代維護(hù)提供更便捷的方式。丁香園也將努力持續(xù)的做技術(shù)輸出產(chǎn)品輸出,為開源社區(qū)做出自己的一份力量。
API Mocker
先貼上項(xiàng)目地址:DXY-F2E/api-mocker
隨著web發(fā)展,前后端分離的演進(jìn),網(wǎng)頁的交互變的越來越復(fù)雜。在項(xiàng)目開發(fā)過程中,前后端并行開發(fā)時(shí),在涉及到接口的部分,總是遇到各類問題。諸如接口假數(shù)據(jù)、接口參數(shù)的約定、代理調(diào)試等等,極大的影響了開發(fā)效率。
API Mocker致力于解決前后端開發(fā)協(xié)作過程中出現(xiàn)的各類問題,提高開發(fā)效率,對(duì)接口做統(tǒng)一管理,同時(shí)也能為后續(xù)的迭代維護(hù)提供更便捷的方式。
系統(tǒng)功能 接口約定API Mocker提供操作簡單但功能豐富的接口編輯,接口約定者能方便的設(shè)置接口的各類信息,其中:
結(jié)構(gòu)化的接口參數(shù)輸入與輸出
支持不同維度的請(qǐng)求參數(shù)約定(query,body,path, header)
支持參數(shù)的類型約定(string,number,boolean,object,array)
參數(shù)備注、示例
支持Json數(shù)據(jù)逆向生成參數(shù)結(jié)構(gòu)
保留一定接口歷史記錄
Mock數(shù)據(jù)API Mocker認(rèn)為,mock不僅僅體現(xiàn)在返回?cái)?shù)據(jù)中,mock請(qǐng)求本身也應(yīng)該符合接口約定。因此,我們提供更加符合業(yè)務(wù)場(chǎng)景的mock服務(wù)。
Mock請(qǐng)求會(huì)根據(jù)接口約定,自動(dòng)生成假數(shù)據(jù)。
Mock請(qǐng)求會(huì)根據(jù)接口約定,對(duì)請(qǐng)求參數(shù)做校驗(yàn)。(校驗(yàn)是否選填、參數(shù)類型是否正確)。
根據(jù)接口約定與用戶設(shè)置,能模擬不同的網(wǎng)絡(luò)響應(yīng)狀態(tài),如:200,404,500。
支持接口代理,代理mock請(qǐng)求到線上or測(cè)試地址,避免開發(fā)環(huán)境跨域,省下Charles代理過程。
支持Mock.js語法。
接口文檔API Mocker會(huì)根據(jù)接口約定自動(dòng)生成簡潔優(yōu)美、結(jié)構(gòu)清晰的接口文檔。同時(shí),可以訂閱接口,當(dāng)接口發(fā)送變化時(shí),及時(shí)收到郵件通知。
接口權(quán)限API Mocker提供簡單易用的權(quán)限控制。
組級(jí)別、API級(jí)別控制
可見性、可寫性權(quán)限控制
其他功能點(diǎn)接口測(cè)試。開發(fā)人員可以在系統(tǒng)上直接測(cè)試接口,避免在postman等請(qǐng)求工具上又填寫眾多參數(shù)
便捷的接口搜索。(可以按接口地址、管理員等維度搜索接口)
數(shù)據(jù)呈現(xiàn)
支持rap的導(dǎo)入
技術(shù)棧與第三方庫ES6
ESLint (Standard)
Ramda
...
ClientVue全家桶(vue + vuex + vue-router + webpack)
ElementUI, Mock.js, etc...
Less
架構(gòu)圖如下:
ServerEgg, Koa
MongoDB
Mongoose
架構(gòu)圖如下:
其他部署相關(guān)內(nèi)容可看項(xiàng)目github地址的介紹。
系統(tǒng)未來展望 更加強(qiáng)大的接口約定更多校驗(yàn)屬性的添加(日期、范圍、正則)
更便捷的編輯
模板選擇
組內(nèi)接口字段智能提示
完善restful api的支持
接口狀態(tài)管理、版本管理
更完善的周邊功能swagger導(dǎo)入
markdown格式文檔導(dǎo)出
Model文件導(dǎo)出(TypeScript等)
自動(dòng)化測(cè)試
隨機(jī)數(shù)據(jù)
多次請(qǐng)求
生成報(bào)表
其他完善的點(diǎn)完善mock的體驗(yàn)
更多維度的數(shù)據(jù)統(tǒng)計(jì)
完善使用文檔
國際化
致謝項(xiàng)目本身也引用了眾多開源項(xiàng)目,在此再次感謝這些項(xiàng)目對(duì)社會(huì)與技術(shù)圈作出的杰出貢獻(xiàn)。丁香園也將努力、持續(xù)的做技術(shù)輸出、產(chǎn)品輸出,為開源社區(qū)做出自己的一份力量。
Github地址 ????API Mocker使用文檔
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/91860.html
摘要:前端日?qǐng)?bào)精選面向初學(xué)者的高階組件教程騰訊大會(huì)圖文筆記第期如何在沒有實(shí)際項(xiàng)目經(jīng)驗(yàn)的情況下找到工作一篇包含了所有基本點(diǎn)的文章組件設(shè)計(jì)和分解思考中文常用命令嘿,前端丁香園開源接口管理系統(tǒng)個(gè)人文章基于的手機(jī)控制電腦實(shí)例掘金如何在上創(chuàng)建 2017-09-17 前端日?qǐng)?bào) 精選 面向初學(xué)者的高階組件教程騰訊IMweb Conf 2017大會(huì)圖文筆記【第1059期】如何在沒有實(shí)際項(xiàng)目經(jīng)驗(yàn)的情況下找到工...
摘要:如何用獲取虛擬鍵盤高度前端早讀課月號(hào)早讀文章由湯谷投稿分享。大殺器和把動(dòng)畫轉(zhuǎn)換成原生動(dòng)畫初來乍到,本文搬運(yùn)自我月份在知乎發(fā)的文章。 前端面試之 CSS3 新特性 除了 HTML5 的新特性,CSS3 的新特性也是面試中經(jīng)常被問到的。 如何用 js 獲取虛擬鍵盤高度?-前端早讀課 9月7號(hào)早讀文章由@湯谷投稿分享。正文從這開始~ 這是一個(gè)存在很久的歷史問題了,對(duì)于這樣一個(gè)具有普遍性的問題...
摘要:柵格系統(tǒng)用于處理頁面多終端適配的問題。它表示抓取對(duì)象以后拖放到另一個(gè)位置。目前,它是標(biāo)準(zhǔn)的一部分。精簡高效的命名準(zhǔn)則方法這篇文章發(fā)布于年月日,星期日,,歸類于相關(guān)。但是不會(huì)受到包含塊的限制,可能會(huì)溢出。 一勞永逸的搞定 flex 布局 尋根溯源話布局 一切都始于這樣一個(gè)問題:怎樣通過 CSS 簡單而優(yōu)雅的實(shí)現(xiàn)水平、垂直同時(shí)居中。記得剛開始學(xué)習(xí) CSS 的時(shí)候,看到 float 屬性不由...
摘要:截至年月日零時(shí),杭州市常住人口為萬人。年,杭州市實(shí)現(xiàn)地區(qū)生產(chǎn)總值億元。阿里巴巴對(duì)杭州的影響巨大,一線的七個(gè)企業(yè)中,有四個(gè)企業(yè)都是阿里巴巴大集團(tuán)下的。 歡迎持續(xù)關(guān)注我...
閱讀 1364·2019-08-30 15:44
閱讀 2108·2019-08-30 11:04
閱讀 528·2019-08-29 15:17
閱讀 2547·2019-08-26 12:12
閱讀 3138·2019-08-23 18:09
閱讀 927·2019-08-23 15:37
閱讀 1529·2019-08-23 14:43
閱讀 2930·2019-08-23 13:13