活兒好又性感的在線 Mock 平臺 - Easy Mock

今天的數據，感謝你們的支持，有問題能夠加QQ羣反饋，實時答覆：595325417

什麼是 Easy Mock

Easy Mock 是一個極其簡單、高效、可視化、而且能快速生成模擬數據的在線 mock 服務。
以項目管理的方式組織 Mock List，能幫助咱們更好的管理 Mock 數據，不怕丟失。
你問我爲何要用它？請聽我一一道來它的過人之處。

網站地址：www.easy-mock.com 歡迎註冊體驗。

目前 easy-mock 在大搜車已經支持了200個項目，4000條mock數據的量級，而且徹底獨立部署，請你們放心使用。

前言

今天咱們要說一說 如何有效提升前端開發效率 ，這個話題彷佛有些大了，
更確切的說應該是 如何使用 Easy Mock 提升前端開發效率。在先後端分離的大浪潮下，如何有效保障咱們在開發環節不被打斷？（接口開發須要的時間每每比前端多）

數據僞造

我相信你們都有各自的辦法。好比說，

• 將 Mock 數據寫在代碼裏
• 利用請求攔截
• 利用 Charles 等代理工具，將 URL Map 到本地文件
• 本地 Mock Server

上面這些方法雖然能夠解決咱們的問題，但一樣伴隨着一些問題。好比說，

• 髒代碼
• 依賴特定的框架
• 增長切換成本
• 接口數據結構重構須要手動更新
• 效率低下
• 沒法優雅的進行協同編輯
• 沒法持久化

看到這些，它們真的可以提升咱們的開發效率嗎？答案就在你的心中。
爲此，Easy Mock 就這樣誕生了。

支持 Swagger

Swagger 是一個規範和完整的框架，用於生成、描述、調用和可視化 RESTful 風格的 Web 服務。

效率一直咱們關注的問題，Easy Mock 支持基於 Swagger 生成 Mock List。而且，智能的更新操做只會對已經變更的接口作覆蓋式更新。
而且基於 Swagger 建立的接口是支持參數顯示的，也就是說咱們能看到這個接口的請求參數和響應數據結構。

再簡單點講，它的強大之處在於完全解放咱們的雙手。只要後端用了 Swagger（而且按照規範生成 API 文檔），生成 Mock 數據只是 1秒鐘 的事情。

具體的使用方式見 Easy Mock 官網文檔。

更簡單的團隊協做

Easy Mock 提供了 2 種方式以實現團隊協做編輯。

• 我的項目 下邀請小夥伴一塊兒參與編輯
• 建立團隊 或 加入團隊 便可參與該團隊下全部項目的編輯

響應數據

若是能根據傳入的參數動態返回數據該多好？Easy Mock 支持處理 Request 對象。
也就是說咱們能夠經過 Request 對象的某些屬性進行條件判斷，從而實現 響應式數據。
那麼，Request 對象都有些什麼屬性呢？以下，

• header
• method
• url
• querystring
• host
• hostname
• query
• cookies

這些只是一部分，更多屬性和使用方式見 Easy Mock 官網文檔

接口代理

有了接口代理能夠作更多的事情。

• 代碼調試
• 跨域請求

工做臺

如何在茫茫的項目列表中找到你想要進行編輯的項目？
搜索雖然很方便，但有時候來回切換項目也須要時間成本，而且這是煩人的。
爲此咱們能夠經過將項目添加到工做臺中，以提升咱們的使用效率。

快捷鍵

爲了進一步提高效率，值得一提的小細節是 Easy Mock 支持快捷鍵操做。

建立項目 & 建立接口

在 項目列表 或 接口列表 中，按下 ctrl + c

搜索

在 項目列表 或 接口列表 中，按下 ctrl + s

更多特性

導出接口

有可能你須要在本地用到這些接口，正好 Easy Mock 支持導出數據。

複製

這對於接口版本升級是頗有用的。試想一下，一個項目超過 200 個接口，若是後面接口版本升級，同時之前的接口不變。再一次建立 200 個接口是什麼感受？

Restful

若是後端提供 /restful/:id/list 或者 /restful/{id}/list 這樣的接口地址。別慌，Easy Mock 是支持的

擴展

移動端調試

步驟以下：

• 利用 Charles Fiddler 等代理工具，抓取客戶端中包含頁面入口的接口
• 在 Easy Mock 上建立一個接口
• 將剛剛抓取的接口數據複製到 數據模型 中，修改頁面入口爲本地的入口而後保存。要用本地 ip 哦，localhost 在手機上是無效的
• 點擊 預覽，複製接口地址
• 回到代理工具。點擊最開始抓取的接口，將其代理成剛剛複製的地址便可

這個方式能夠爲調試帶來極大的幫助。

聯繫方式

反饋問題請加QQ羣：595325417