是啥？

RAP是一個可視化接口管理工具 通過分析接口結(jié)構(gòu)，動態(tài)生成模擬數(shù)據(jù)，校驗真實接口正確性， 圍繞接口定義，通過一系列自動化工具提升我們的協(xié)作效率。我們的口號：提高效率，回家吃晚飯！

可視化編輯，完善的版本控制，各種格式的導入導出。讓前后端約定接口的工作變得十分簡單
RAP會自動根據(jù)接口文檔生成Mock接口，這些接口會自動生成模擬數(shù)據(jù)，支持復雜的生成邏輯。

為啥？

在前端開發(fā)過程中，我們需要實時與后端進行數(shù)據(jù)交互。然而大多數(shù)時候，前端開發(fā)都是在沒有后端數(shù)據(jù)提供的情況下進行的，這時我們就需要用到假數(shù)據(jù)模擬。
rap2就是一款在線模擬數(shù)據(jù)生成器，可以攔截Ajax請求，其作用在于幫助前端工程師獨立于后端進行開發(fā)，實現(xiàn)前后端分離。
推薦理由

• 支持mock.js語法：RAP本身基于mcok.js
• 支持接口管理：可管理url地址，不同模塊分類。
• 支持團隊協(xié)作：擁有團隊倉庫
• 支持歷史修改操作查看：可查看接口修改情況，但不支持操作回溯。
• 接口共享：不需要重復編寫接口
• 自動化測試：一鍵測試接口情況

咋搞？

官方文檔們：
RAP 特別不穩(wěn)定，基本不用
mock.js
RAP2
RAP2官方文檔
mock.js語法規(guī)范文檔

1. 郵箱注冊、登錄

2. 界面介紹

界面.png

• 導航欄

  
  
  導航欄.png
  
  

  a. 首頁：登錄后展示操作記錄，僅為記錄，無回溯功能
  b. 倉庫：個人倉庫，團隊倉庫列表及入口處，可以在此處新建個人倉庫
  c. 團隊：展示已加入團隊，可新建團隊，進入團隊中可查看團隊倉庫
  d. 接口：一些接口使用信息
  e. 狀態(tài)： RAP服務使用狀態(tài)數(shù)據(jù)圖表展示，主要是用戶數(shù)量增長，倉庫活躍度排名

• 倉庫

  
  
  倉庫.png
  
  

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

3. 新建倉庫

新建倉庫.png

4. 新建接口

倉庫設(shè)置界面.png

image.png

5. 設(shè)置請求參數(shù)和響應內(nèi)容

點擊綠色的編輯按鈕激活接口可編輯狀態(tài)

編輯.png

設(shè)置請求參數(shù)和響應參數(shù)界面.png

• 新建：設(shè)置每個參數(shù)的屬性
  mock占位符語法
  根據(jù)所創(chuàng)建的數(shù)據(jù)類型不同（array或object），左側(cè)會出現(xiàn)“+”號，點擊“+”號可以向其內(nèi)部添加屬性，
  
  新建.png
• 導入：直接把自己需要的數(shù)據(jù)的代碼格式粘貼過來
  
  導入.png
  
  lists|6隨機生成6組數(shù)據(jù)
  id屬性的生成規(guī)則為1-9999，表示生成1-9999的隨機數(shù)字。
  
  hotLists.png
  
  
  bannerLists.png
  
  
  數(shù)據(jù)預覽.png
  
  
  生成請求url.png
  
  數(shù)據(jù)預覽

參考文章

有贊商城.png

效果.gif