上篇文章淺談了mock數(shù)據(jù)的工具對(duì)比熄云,在實(shí)際使用過(guò)程中,需要mock的數(shù)據(jù)包含各種語(yǔ)法規(guī)則、數(shù)據(jù)規(guī)律等等注祖,最完善的規(guī)則建議還是參考MOCK.js教程猾蒂,但是均唉,這里就需要了解下RAP在使用時(shí)常用的一些寫(xiě)法了是晨。
首先我們先看下RAP的整個(gè)頁(yè)面:
空白接口頁(yè)面
日常使用主要涉及幾個(gè)模塊:
-
接口簡(jiǎn)介
主要是接口地址、接口類型等等
image
-
請(qǐng)求參數(shù)
可以分為三類:
- 1舔箭、headers:一般頭部放置驗(yàn)證參數(shù)等罩缴,例如cookie、token等
- 2层扶、Query Params:常用是get方式請(qǐng)求箫章,用于校驗(yàn)請(qǐng)求參數(shù)
- 3、Body Params:常用是post方式請(qǐng)求镜会,用于校驗(yàn)請(qǐng)求參數(shù)
-
響應(yīng)參數(shù)
接口請(qǐng)求成功以后的返回參數(shù)
而參數(shù)一般有兩種方式導(dǎo)入:
-
單個(gè)參數(shù)導(dǎo)入:
主要是名稱檬寂、類型、生成規(guī)則戳表、初始值桶至、簡(jiǎn)介這幾個(gè),這里的生成規(guī)則就需要一些按照一些特定規(guī)則來(lái)了匾旭。
單個(gè)參數(shù)導(dǎo)入 還有一種是直接導(dǎo)入一個(gè)Json字符串镣屹,系統(tǒng)會(huì)直接幫我們轉(zhuǎn)化成相對(duì)應(yīng)的參數(shù)格式:
{
"code": 200,
"data": {
"entries": [
{
"name": "上海市",
"id": 2
},
{
"name": "閔行區(qū)",
"id": 3
},
{
"name": "長(zhǎng)寧區(qū)",
"id": 6
}
]
}
}
直接導(dǎo)入Json字符串
這樣就可以直接生成一個(gè)返回模板:
image
但是此時(shí)和我們要使用的參數(shù)可能還是有出入愧沟,那么我們就可以直接在響應(yīng)內(nèi)容的表格內(nèi)作相對(duì)應(yīng)的修改了项栏,例如修改對(duì)應(yīng)參數(shù)生成規(guī)則、初始值等板驳,去自定義參數(shù)生成你想要的值色瘩。寫(xiě)完記得右上角的保存哦伪窖。
(重要)這里整理了常用參數(shù)的規(guī)則寫(xiě)法(騷操作),感興趣可以收藏當(dāng)做便利貼:
官方demo在線實(shí)例
官方demo在線實(shí)例已經(jīng)有一些各種類型的示例居兆,我們這里做一些常用的補(bǔ)充:
類型 | 寫(xiě)法 | 含義 |
---|---|---|
String | 1-10 | 生成一個(gè)長(zhǎng)度為1-10位的字符串(定義初始值后生成的字符串為多次重復(fù)該初始值) |
String | @order(上海市,長(zhǎng)寧區(qū),閔行區(qū),靜安區(qū),嘉定區(qū)) | 從數(shù)組里隨機(jī)一個(gè)值出來(lái)覆山,一般是按照數(shù)組順序排序列出 |
String | @datetime("yyyy-MM-dd") | 按照一定格式生成的時(shí)間字符串,符合‘yyyyMMdd’的生成規(guī)則 |
String | @now | 當(dāng)前時(shí)間 |
String | @province | 隨機(jī)一個(gè)國(guó)內(nèi)省史辙、地區(qū)汹买、直轄市名稱 |
String | @city | 隨機(jī)一個(gè)國(guó)內(nèi)地級(jí)市名稱 |
String | @county | 隨機(jī)一個(gè)縣的名稱 |
String | @color() | 隨機(jī)生成一種顏色(例如#FF00FF) |
Number | @range(2,10) | 生成一個(gè)從2到10的正序數(shù)組 |
Number | @natural(10000, 99999) | 隨機(jī)生成一個(gè)自然數(shù)(比如生成一個(gè)ID就可以用),括號(hào)里面是它的限制條件 |
RegExp | /\d{5,10}-/ | 按照一定正則規(guī)則校驗(yàn)出來(lái)的數(shù)據(jù) |
這些規(guī)則都可以在MOCK.js里面找到相對(duì)應(yīng)你想要的聊倔,只是在RAP里面你需要按照他的規(guī)則改寫(xiě)晦毙,比如在MOCK.js里Random.rgb()是隨機(jī)生成一種rgb顏色色值,而在RAP里面寫(xiě)法是@rgb 耙蔑,大家有興趣的可以自行去嘗試一下见妒。