摘要:為了使得前端減輕對后端的依賴,在后端功能尚未實現的情況下保證前端進度的開發,我們一般會手動進行一些數據模擬,即假數據。覆蓋攔截請求,目前內置支持。
序
有時候我們開發一般會分為前后端,前端負責數據顯示和UI交互,后端負責數據IO等等。因此造成前端對后端有嚴重依賴,使得前端的開發進度普遍滯后于后端。
為了使得前端減輕對后端的依賴,在后端功能尚未實現的情況下保證前端進度的開發,我們一般會手動進行一些數據模擬,即假數據。然而編寫這些假數據又是一個及其消耗時間、精力的工作;在測試中,由于假數據是手工編寫的,測試用例覆蓋率低,難以真正進行有效測試。
Mock以上問題的痛點是:
前端依賴后端,工作難以開展
假數據編寫工作量大、覆蓋率低
針對以上痛點,Mock的需求和解決方案是:
不依賴后端:模擬后端,接受前端請求
自動生成假數據:數據類型多樣、覆蓋率高
系統耦合:低耦合,當后端真正上線,可以立即替換
引用Mock.js文檔的一段話:
具體使用Mock.js 是一款模擬數據生成器,旨在幫助前端攻城師獨立于后端進行開發,幫助編寫單元測試。提供了以下模擬功能:
根據數據模板生成模擬數據
模擬 Ajax 請求,生成并返回模擬數據
基于 HTML 模板生成模擬數據
Mock這種想法在大部分語言都有具體實現的工具包,此處只介紹JavaScript上的使用。一下例子大部分是從Mock.js中來,請查看具體文檔。
HTML中: