先後端分離前端mock數據-fastmock

簡介

目前的先後端開發中比較常採用先後端分離的作法，而先後端分離在溝通和聯調方面又時長會有障礙，好比先後端進度不1、先後端聯調時間較短、先後端溝通麻煩（跨地區、跨時區等等）。針對這些問題，咱們通常都有如下幾種解決方案：

• 本地手寫數據模擬，在前端代碼中產生一大堆的mock代碼。
• 利用mockjs或者canjs的can-fixture實現ajax攔截，本地配置必要的json規則。
• 後端在Controller層造假數據返回給前端。

上面的方式中，無論哪種方式，都會要求開發人員寫一些跟項目本無任何關聯的代碼，第一個和第二個方式還會須要前端項目在本地引入沒必要要的js文件。好比下面的mock數據

本次做者推薦使用的是fastmock，很是便捷的一個線上moke數據網站，網址（www.fastmock.site）適合

fastmock將mock層獨立出來，經過中間服務的形式在前端和後端服務以前創建一道圍欄，使用fastmock，前端只須要修改本身的XHR請求地址，後端只須要在開發前和前端約定好接口文檔便可。等到後端服務開發完成，前端再將XHR請求地址替換回來進行聯調測試便可。

步驟：

fastmock使用起來特別簡單

建立項目

建立接口

接口預覽

是否是so easy，so 便捷！

結尾彩蛋

歡迎關注個人公衆號-前端之階，關注更多前端知識，加入前端大羣，與知名互聯網前端大佬作朋友，前端技術更新太快，開啓共同窗習新篇章！