Charles下載地址：https://www.charlesproxy.com/download/

easy-mock官網(wǎng)地址：https://www.easy-mock.com

使用場(chǎng)景簡(jiǎn)述：在測(cè)試前端應(yīng)用的過(guò)程中，若因?yàn)槟承┰颍瑴y(cè)試數(shù)據(jù)不足等情況，我們采用模擬接口、自創(chuàng)數(shù)據(jù)的方式來(lái)和前端進(jìn)行聯(lián)調(diào)操作。

1. 首先打開(kāi)easy-mock地址，首次登錄無(wú)賬號(hào)時(shí)會(huì)自動(dòng)創(chuàng)建。成功登錄后，點(diǎn)擊界面右下角的加號(hào)，創(chuàng)建一個(gè)項(xiàng)目

easy-mock登錄頁(yè)圖

2. 進(jìn)入創(chuàng)建項(xiàng)目的頁(yè)面后，按照字段填寫(xiě)對(duì)應(yīng)的信息

創(chuàng)建項(xiàng)目

3. 在個(gè)人項(xiàng)目頁(yè)內(nèi)，點(diǎn)擊剛才創(chuàng)建的項(xiàng)目，進(jìn)入項(xiàng)目詳情頁(yè)

4. 點(diǎn)擊創(chuàng)建接口，填寫(xiě)接口的基本信息和返回參數(shù)

創(chuàng)建接口

項(xiàng)目接口列表頁(yè)

5. 打開(kāi)Charles，將客戶端代理連接上Charles ,選擇Tools->Map Remote

編輯地圖

6. 按要求填寫(xiě)原接口信息和剛才自己創(chuàng)建的接口信息

填寫(xiě)信息

7. 此時(shí)該客戶端訪問(wèn)設(shè)定的接口時(shí)，便會(huì)重定向到自己設(shè)定的接口上

附：常用的mock語(yǔ)法（圖片來(lái)源于網(wǎng)絡(luò)）