簡單好用的在線接口 MOCK 平台:https://www.fastmock.site/#/
fastmock可以讓你在沒有后端程序的情況下能真實地在線模擬ajax請求,你可以用fatmock實現項目初期純前端的效果演示,也可以用fastmock實現開發中的數據模擬從而實現前后端分離。
在使用fastmock之前,你的團隊實現數據模擬可能是下面的方案中的一種或者多種:
- 本地手寫數據模擬,在前端代碼中產生一大堆的mock代碼。
- 利用mockjs或者canjs的can-fixture實現ajax攔截,本地配置必要的json規則。
- 后端在Controller層造假數據返回給前端。
上面的方式中,不管哪一種方式,都會要求開發人員寫一些跟項目本無任何關聯的代碼,第一個和第二個方式還會需要前端項目在本地引入不必要的js文件。
為此,我們將mock層獨立出來,通過中間服務的形式在前端和后端服務之前建立一道圍欄,使用fastmock,前端只需要修改自己的XHR請求地址,后端只需要在開發前和前端約定好接口文檔即可。等到后端服務開發完成,前端再將XHR請求地址替換回來進行聯調測試即可。
當然,你也可以通過npm script不同命令加載不同配置文件的形式切換你的XHR地址,這里不作詳細介紹。
界面清晰 管理方便,去掉一切繁瑣,提取出最關鍵的功能,只需要 登錄 - 創建項目 - 創建接口 - 錄入您想返回的數據, 即可輕松創建一個接口。 同時還支持 Mock.js 動態數據,只要是 Mock.js 能生成的數據,在 fastmock 平台就能生成,如常用的隨機字符串,隨機數組,以及 restful 方式數據模擬等。
體驗了一下,還不錯,對於實現前后端分離開發,是個不錯的選擇。不多說,直接去體驗一下就都懂了,跟 Mock.js 一樣配置使用接口即可。
當然這種平台挺多的,看哪個好用用哪個即可。