1、fastmock線上數據模擬器
在平時的項目測試中,尤其是前后端分離的時候,前端人員需要測試調用后端的接口,這個時候會出現測試不方便的情況。此時我們可以使用fastmock平臺在線上模擬出一個可以調用的接口,方便前端人員進行數據測試。
本地無需任何開發,將請求根地址指向到模擬地址即可輕松實現接口模擬
快速生成
1.1、創建賬號
官網地址:fastmock 在線接口 Mock 平臺
創建賬號,這個比較簡單,需要使用一個有效的有效,因為需要郵箱激活。
演示數據,只需要開發前端界面和交互效果即可向客戶演示產品完整功能。
1.2、添加項目
1.3、在項目中新增接口
1.4、填寫接口中的參數
頁面中主要寫請求的類型和請求的地址。
如果不知道怎么寫返回值,可以參照代碼示例。
注意點:在示例代理的最后一定要加上一個;號。
【請求示例代碼】
代碼的作用:
如果傳入的username值為admin,密碼為123456,返回正確信息。
{code: 0,data: {userInfo: function({_req}) {const { username, pwd } = _req.query;if ( username === 'admin' && pwd === '123456' ) {return {username,pwd};return null;}}},_res: {status: function({_req}) {const { username, pwd } = _req.query;if ( username === 'admin' && pwd === '123456' ) {return 200;}return 501;}}
};
1.5、在瀏覽器中請求接口
輸入正確的用戶名和密碼
輸入錯誤的用戶名和密碼
1.6、接口調用返回501問題
我上面寫的接口需要傳入兩個參數username和pwd,如果沒有傳入值,報錯501,記得需要參數補齊。