閒著沒事造了個瀏覽器外掛解決前端 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 需要。
官網地址
歡迎使用反饋