我造了個前端 Mock 工具

亖混子發表於2022-05-11

閒著沒事造了個瀏覽器外掛解決前端 Mock 問題。

官網地址 https://just-mock.vercel.app/

前端的痛苦

某一天 leader 問我們們 xxx 需求進度咋樣了?

後端: 介面完成,就差前端聯調了

前端:你。。。我。。。(嗶~~)

第二天 前端加班加點聯調好了,想自測下不同介面資料的前端表現

前端: 後端大大,哪個賬號下資料比較多,我想測試下分頁;哪條資料能觸發表單,我想測試下表單,我還想測試下弱網環境。。。

後端:資料不太好造,等測試同學吧

前端:我。。。

第三天 QA介入測試

QA:FE bug 太多,嚴重阻塞測試工作

前端:我。。。

故事是假的,事是真的。前端確實面臨一些問題: 介面定義是否提前約定、缺少 mock 聯調測試效率極低

Mock 的意義

Mock 對於前端的意義: 造數。
不會資料庫、業務長鏈路,造數對於前端來說有難度。

常見的 Mock 方案

方式一: 硬核 mock , 直接改程式碼邏輯。 If (true) {} 。 優點:簡單。缺點:容易遺忘,造成線上 bug

方式二:Mock 平臺類似 https://github.com/YMFE/yapi ,優點:不入侵程式碼,簡單。缺點:依賴後端搭服務、或者購買第三方**

方式三:Apifox 本地安裝應用,功能大而全。

另一種嘗試 Just Mock

Just Mock 是一個專門面向 Web 專案的 Mock 工具。你可以使用 Just Mock 來模擬後端響應(用於前後端聯調、QA 測試、PM 驗收、線上問題還原等場景),僅需安裝瀏覽器外掛即可滿足 90% 的 Mock 需要。

外掛下載

外掛使用

官網地址

https://just-mock.vercel.app/

歡迎使用反饋

相關文章