在開發(fā)中，我們經(jīng)常會需要對接口進行聯(lián)調(diào)溝通，然而這是在整個開發(fā)周期中最占用時間的一塊。尤其最近在接手一個項目中，采用前后端分離開發(fā)的模式，寫前端的同學(xué)完全不懂后臺代碼（對，我們之前都是一個人寫前后端所有相關(guān)的代碼滴?。?，接口經(jīng)常性需要進行調(diào)整，基本就是重復(fù)溝通，重復(fù)浪費時間。于是我決定在項目中引進神器“Swagger”，用來一鍵生成文檔，減少了后端開發(fā)同學(xué)編寫接口文檔的時間，同時前端采用Mock數(shù)據(jù)的方式，省略了等待接口的時間。

分離的痛點是分離后，接口提供不及時，文檔不完善，模擬數(shù)據(jù)不方便等。說一下我們的解決辦法：
1）webpack設(shè)置proxy，這個通過webpack文檔或GOOGLE一下可以解決。
2）第二步就是需要在后端提供接口及數(shù)據(jù)和接口文檔，而因為前后端很可能是并行開發(fā)的，所以在真實接口出來之前需要前端模擬接口及數(shù)據(jù)，及數(shù)據(jù)文檔然后在真實接口出來后，切換到真實接口調(diào)試，我們之前也遇到過此問題，所以抽時間自己做了個mocksever 系統(tǒng)，功能包括:
支持可視化編輯JSON接口數(shù)據(jù)及接口文檔

支持GET、POST、PUT、DELETE請求類型

支持指定返回狀態(tài)碼，默認(rèn)200

支持延時返回數(shù)據(jù)

支持mockjs

支持單個接口代理到真實服務(wù)器(開發(fā)過程中某個接口使用模擬數(shù)據(jù),當(dāng)此接口已開發(fā)完成后,可將指定接口,通過此服務(wù)指向到真實接口上)