開發(fā)或者調(diào)試的時候我們經(jīng)常需要用到網(wǎng)絡(luò)請求模擬后臺的數(shù)據(jù)交互，但是有些時候數(shù)據(jù)格式或者開發(fā)周期不同步我們無法及時得到自己想要的數(shù)據(jù)。這時候我們可以通過“Chales”利用本地json文件自行模擬。

Chales介紹和基本使用我們不再贅述，本文只探討利用Chales 的 Map Local 將請求Map到一個本地文件

1. 準(zhǔn)備Json文件

數(shù)據(jù)格式自定，保證是標(biāo)準(zhǔn)json格式即可

2. 配置 Map Local

打開Charles，點擊Tools -> Map Local

image.png

選中Enable Map Local復(fù)選框，然后點擊Add按鈕添加一條Mapping

image.png

 
【Protocol】  選擇Protocol為http
【Host】      輸入localhost
【Port】      可選。如果不確定可以在在Proxy -> ProxySettings 查看
【Path】      訪問路徑，這里我們直接填寫文件名 /goods.json
【Query】     Map到不同的文件，忽略
【Local path】 點擊Choose 選擇本地文件
【OK】保存

image.png

3. 使用Charles模擬網(wǎng)絡(luò)請求

如果使用手機，常規(guī)使用代理即可
如果是使用模擬器來做調(diào)試，需要在打開模擬器之前打開Charles，Proxy -> 勾選macOS Proxy

打開瀏覽器 輸入訪問地址 http://localhost:8888/goods.json，你會發(fā)現(xiàn)世界如此奇妙