基於RAP(Mock)實現先後端分離開發

看看RAP的官方定義:

什麼是RAP?

(Rigel API Platform) 在先後端分離的開發模式下,咱們一般須要定義一份接口文檔來規範接口的具體信息。如一個請求的地址、有幾個參數、參數名稱及類型含義等等。RAP 首先方便團隊錄入、查看和管理這些接口文檔,並經過分析結構化的文檔數據,重複利用並生成自測數據、提供自測控制檯等等... 大幅度提高開發效率。前端

RAP的特點

  • 強大的GUI工具 給力的用戶體驗,你將會愛上使用RAP來管理您的API文檔。
  • 完善的MOCK服務 文檔定義好的瞬間,全部接口已經準備就緒。有了MockJS,不管您的業務模型有多複雜,它都能很好的知足。
  • 龐大的用戶羣 RAP在阿里巴巴有200多個大型項目在使用,也有許多著名的公司、開源人士在使用。RAP跟隨這些業務的成行而成長,專一細節,把握質量,經得住考驗。
  • 免費 + 專業的技術支持 RAP是免費的,並且你的技術諮詢都將在24小時內獲得答覆。大多數狀況,在1小時內會獲得答覆。

1. RAP的官方用戶手冊git

https://github.com/thx/RAP/wiki/user_manual_cngithub

2. RAP的安裝(CentOS服務器安裝)web

參考:https://github.com/thx/RAP/wiki/deploy_on_centos_cn後端

安裝完畢後, 界面以下:centos

 

3. RAP的源碼地址服務器

https://github.com/thx/RAPapp

建議對前後端分離

https://github.com/thx/RAP/blob/v0.14.0/src/main/webapp/stat/js/util/mock-min.jswebapp

這個文件文件進行仔細研讀,全部的mock函數都在此文件上定義, 部分截圖以下:

上圖中咱們可使用

@mock=@natural(0,100) 生成 0到100之間的天然數

@mock=@natural(-100,100) 生成 -100到100之間的整數

總之,這個文件一應俱全, N多隨機數據的生成函數應有盡有~

 

4. RAP接口定義規範

下面爲一個較爲典型的RAP接口文檔中,Mock規則填寫的示範,請參考:

接口文檔中的Mock規則

 

最終生成的Mock數據

注意: 紅框圈出的URL地址就是提供給前端進行接口調用獲取模擬數據的, 前端能夠根據這個接口進行前端代碼開發,後端根據RAP接口定義編寫入參出參接口,實現先後端分離開發!

 

5. 備註和mock數據定義如何兼得

在備註裏,Mock標籤和普通的備註須要用分號隔開,以下:

 

完畢~~

相關文章
相關標籤/搜索