是啥帅霜?
RAP是一個(gè)可視化接口管理工具 通過(guò)分析接口結(jié)構(gòu)匆背,動(dòng)態(tài)生成模擬數(shù)據(jù),校驗(yàn)真實(shí)接口正確性身冀, 圍繞接口定義钝尸,通過(guò)一系列自動(dòng)化工具提升我們的協(xié)作效率。我們的口號(hào):提高效率搂根,回家吃晚飯珍促!
可視化編輯,完善的版本控制剩愧,各種格式的導(dǎo)入導(dǎo)出猪叙。讓前后端約定接口的工作變得十分簡(jiǎn)單
RAP會(huì)自動(dòng)根據(jù)接口文檔生成Mock接口,這些接口會(huì)自動(dòng)生成模擬數(shù)據(jù)仁卷,支持復(fù)雜的生成邏輯穴翩。
為啥?
在前端開(kāi)發(fā)過(guò)程中锦积,我們需要實(shí)時(shí)與后端進(jìn)行數(shù)據(jù)交互芒帕。然而大多數(shù)時(shí)候,前端開(kāi)發(fā)都是在沒(méi)有后端數(shù)據(jù)提供的情況下進(jìn)行的丰介,這時(shí)我們就需要用到假數(shù)據(jù)模擬背蟆。
rap2就是一款在線模擬數(shù)據(jù)生成器,可以攔截Ajax請(qǐng)求哮幢,其作用在于幫助前端工程師獨(dú)立于后端進(jìn)行開(kāi)發(fā)带膀,實(shí)現(xiàn)前后端分離。
推薦理由
- 支持mock.js語(yǔ)法:RAP本身基于mcok.js
- 支持接口管理:可管理url地址橙垢,不同模塊分類本砰。
- 支持團(tuán)隊(duì)協(xié)作:擁有團(tuán)隊(duì)倉(cāng)庫(kù)
- 支持歷史修改操作查看:可查看接口修改情況,但不支持操作回溯钢悲。
- 接口共享:不需要重復(fù)編寫(xiě)接口
- 自動(dòng)化測(cè)試:一鍵測(cè)試接口情況
咋搞点额?
官方文檔們:
RAP 特別不穩(wěn)定,基本不用
mock.js
RAP2
RAP2官方文檔
mock.js語(yǔ)法規(guī)范文檔
1. 郵箱注冊(cè)莺琳、登錄
2. 界面介紹
-
導(dǎo)航欄
a. 首頁(yè):登錄后展示操作記錄还棱,僅為記錄,無(wú)回溯功能
b. 倉(cāng)庫(kù):個(gè)人倉(cāng)庫(kù)惭等,團(tuán)隊(duì)倉(cāng)庫(kù)列表及入口處珍手,可以在此處新建個(gè)人倉(cāng)庫(kù)
c. 團(tuán)隊(duì):展示已加入團(tuán)隊(duì),可新建團(tuán)隊(duì),進(jìn)入團(tuán)隊(duì)中可查看團(tuán)隊(duì)倉(cāng)庫(kù)
d. 接口:一些接口使用信息
e. 狀態(tài): RAP服務(wù)使用狀態(tài)數(shù)據(jù)圖表展示琳要,主要是用戶數(shù)量增長(zhǎng)寡具,倉(cāng)庫(kù)活躍度排名 -
倉(cāng)庫(kù)
a. 倉(cāng)庫(kù)名,為倉(cāng)庫(kù)入口稚补,點(diǎn)擊可進(jìn)入編輯詳情
b. 生成該倉(cāng)庫(kù)js 插件文件
c. 編輯倉(cāng)庫(kù)信息
d. 個(gè)人倉(cāng)庫(kù)有刪除按鈕童叠,團(tuán)隊(duì)倉(cāng)庫(kù)沒(méi)有,只有刪除團(tuán)隊(duì)選項(xiàng)课幕。
3. 新建倉(cāng)庫(kù)
4. 新建接口
5. 設(shè)置請(qǐng)求參數(shù)和響應(yīng)內(nèi)容
點(diǎn)擊綠色的編輯按鈕激活接口可編輯狀態(tài)
O锰场!乍惊!一定要及時(shí)點(diǎn)擊保存按鈕岸沤铡!H笠铩撬碟!別白忙活了!@蚱病小作!來(lái)自心底的咆哮!<诠场顾稀!
- 新建:設(shè)置每個(gè)參數(shù)的屬性
mock占位符語(yǔ)法
根據(jù)所創(chuàng)建的數(shù)據(jù)類型不同(array
或object
),左側(cè)會(huì)出現(xiàn)“+”號(hào)坝撑,點(diǎn)擊“+”號(hào)可以向其內(nèi)部添加屬性静秆,
- 導(dǎo)入:直接把自己需要的數(shù)據(jù)的代碼格式粘貼過(guò)來(lái)
lists|6
隨機(jī)生成6組數(shù)據(jù)
id
屬性的生成規(guī)則為1-9999,表示生成1-9999的隨機(jī)數(shù)字巡李。
數(shù)據(jù)預(yù)覽