先後端分離-模擬數據之RAP2快速入門

是啥？

RAP是一個可視化接口管理工具 經過分析接口結構，動態生成模擬數據，校驗真實接口正確性， 圍繞接口定義，經過一系列自動化工具提高咱們的協做效率。咱們的口號：提升效率，回家吃晚飯！

可視化編輯，完善的版本控制，各類格式的導入導出。讓先後端約定接口的工做變得十分簡單
RAP會自動根據接口文檔生成Mock接口，這些接口會自動生成模擬數據，支持複雜的生成邏輯。

爲啥？

在前端開發過程當中，咱們須要實時與後端進行數據交互。然而大多數時候，前端開發都是在沒有後端數據提供的狀況下進行的，這時咱們就須要用到假數據模擬。
rap2就是一款在線模擬數據生成器，能夠攔截Ajax請求，其做用在於幫助前端工程師獨立於後端進行開發，實現先後端分離。
推薦理由

• 支持mock.js語法：RAP自己基於mcok.js
• 支持接口管理：可管理url地址，不一樣模塊分類。
• 支持團隊協做：擁有團隊倉庫
• 支持歷史修改操做查看：可查看接口修改狀況，但不支持操做回溯。
• 接口共享：不須要重複編寫接口
• 自動化測試：一鍵測試接口狀況

咋搞？

官方文檔們：
RAP 特別不穩定，基本不用
mock.js
RAP2
RAP2官方文檔
mock.js語法規範文檔

1. 郵箱註冊、登陸

2. 界面介紹

 

 

• 導航欄

  
  
   

  

   
  
  

  a. 首頁：登陸後展現操做記錄，僅爲記錄，無回溯功能
  b. 倉庫：我的倉庫，團隊倉庫列表及入口處，能夠在此處新建我的倉庫
  c. 團隊：展現已加入團隊，可新建團隊，進入團隊中可查看團隊倉庫
  d. 接口：一些接口使用信息
  e. 狀態： RAP服務使用狀態數據圖表展現，主要是用戶數量增加，倉庫活躍度排名

• 倉庫

  
  
   

  

   
  
  

  a. 倉庫名，爲倉庫入口，點擊可進入編輯詳情
  b. 生成該倉庫js 插件文件
  c. 編輯倉庫信息
  d. 我的倉庫有刪除按鈕，團隊倉庫沒有，只有刪除團隊選項。

3. 新建倉庫

 

 

4. 新建接口

 

 

 

 

 

5. 設置請求參數和響應內容

點擊綠色的編輯按鈕激活接口可編輯狀態

 

 

必定要及時點擊保存按鈕啊！！！

 

 

 

• 新建：設置每一個參數的屬性
  mock佔位符語法
  根據所建立的數據類型不一樣（array或object），左側會出現「+」號，點擊「+」號能夠向其內部添加屬性，
  
   

  

   
• 導入：直接把本身須要的數據的代碼格式粘貼過來
  
   

  

   
  
  lists|6隨機生成6組數據
  id屬性的生成規則爲1-9999，表示生成1-9999的隨機數字。
  
   

  

   
  
  
   

  

   
  
  
   

  

   
  
  
   

  

   
  
  數據預覽

參考文章