如何使用Easy Mock

如何使用Easy Mock

Easy Mock是什麼

Easy Mock是一個可視化，並且能快速生成模擬數據的服務。以項目管理的方式組織MockList，能幫助我們更好的管理Mock數據，不怕丟失。

解決的問題

​ 開發時，後端還沒完成數據輸出，前端只好寫靜態模擬數據。

​ 數據太長了，將數據寫在js文件裏，完成後挨個改url。

​ 某些邏輯複雜的代碼，加入或去除模擬數據時得小心翼翼。

​ 想要儘可能還原真實的數據，要麼編寫更多代碼，要麼手動修改模擬數據。

​ 特殊的格式，例如IP，隨機數，圖片，地址，需要去收集。

常見的mock方式

1. 將mock數據直接寫在代碼裏
2. 利用JS攔截請求
3. 利用Charles、Fiddler等代理工具攔截請求
4. mock平臺。如EasyMock、RAP等

使用的優勢

1. 前後端分離：讓前端工程師獨立於後端進行開發。
2. 增加單元測試的真實性：通過隨機數據，模擬各種場景。
3. 開發無侵入：不需要修改既有代碼，就可以攔截ajax請求，返回模擬的響應數據。
4. 用法簡單：符合直覺的接口。
5. 數據類型豐富：支持生成隨機的文本、數字、布爾值、日期、郵箱、鏈接、圖片、顏色等。
6. 方便擴展：支持擴展更多數據類型，支持自定義函數和正則。
7. 在已有接口文檔的情況下，我們可以直接按照接口文檔來開發，將相應的字段寫好，在接口完成之前，只需要改變url地址即可。

如何使用

1. 打開Easy Mock官網：https://easy-mock.com，註冊並登錄。

2. 創建個人項目或者團隊項目

3. 新增接口

4. 在項目中使用接口

   具體教程：

   https://www.cnblogs.com/zlhd/p/7730251.html

   https://blog.csdn.net/bradmatt/article/details/80811072

編碼實戰 Demo：https://ptteng.github.io/PPT/demo/js-11-How%20to%20use%20easy%20mock/demo.html

語法詳見mock.js官網實例：http://mockjs.com/examples.html