timg.jpg

前言
一個(gè)多月的996生活,996并不算什么的肩民，重點(diǎn)是996真的是996.幾乎在這時(shí)間段里面全是不停地碼代碼般此，不過(guò)目前已經(jīng)進(jìn)入測(cè)試階段蚪战，每天稍微改點(diǎn)小bug,空閑時(shí)間總算有了那么一丟丟。

兜兜轉(zhuǎn)轉(zhuǎn)寫(xiě)了好久铐懊，卻一直沒(méi)有正式的將這篇文章分享出去邀桑，說(shuō)來(lái)甚是慚愧。主要是公司出現(xiàn)一些狀態(tài)科乎。概漱。只可意會(huì)不可言傳~~~

目錄
一、Charles
1.1 Charles主要的功能
1.2 將 Charles 設(shè)置成系統(tǒng)代理
1.3 過(guò)濾網(wǎng)絡(luò)請(qǐng)求
1.4 模擬慢速網(wǎng)絡(luò)
1.5 修改網(wǎng)絡(luò)請(qǐng)求內(nèi)容
1.6 修改服務(wù)器返回內(nèi)容
1.7 給服務(wù)器做壓力測(cè)試
1.8 抓取手機(jī)App網(wǎng)絡(luò)請(qǐng)求
1.9 無(wú)法抓取模擬器的數(shù)據(jù)(2020.01.06更新)
二喜喂、Postman
三瓤摧、在線轉(zhuǎn)模型工具
四、json格式化

一玉吁、Charles

Charles破解版下載地址點(diǎn)我

1.1 Charles主要的功能

1.截取Http照弥、Https網(wǎng)絡(luò)請(qǐng)求內(nèi)容
2.支持修改網(wǎng)絡(luò)請(qǐng)求參數(shù)，方便調(diào)試
3.支持網(wǎng)絡(luò)請(qǐng)求的截取 并動(dòng)態(tài)修改

圖片.png

1.2 將 Charles 設(shè)置成系統(tǒng)代理

啟動(dòng) Charles 后进副，第一次 Charles 會(huì)請(qǐng)求你給它設(shè)置系統(tǒng)代理的權(quán)限这揣。你可以輸入登錄密碼授予 Charles 該權(quán)限悔常。你也可以忽略該請(qǐng)求，然后在需要將 Charles 設(shè)置成系統(tǒng)代理時(shí)给赞，選擇菜單中的 “Proxy” -> “Mac OS X Proxy” 來(lái)將 Charles 設(shè)置成系統(tǒng)代理机打。如下所示：

圖片.png

其中Charles 主要提供兩種查看封包的視圖，分別名為 “Structure” 和 “Sequence”片迅。
Structure 視圖將網(wǎng)絡(luò)請(qǐng)求按訪問(wèn)的域名分類残邀。
Sequence 視圖將網(wǎng)絡(luò)請(qǐng)求按訪問(wèn)的時(shí)間排序。

圖片.png

圖片.png

不管使用哪種查看柑蛇，自己喜歡就好芥挣。

1.3 過(guò)濾網(wǎng)絡(luò)請(qǐng)求

在Filter 欄中填入需要過(guò)濾出來(lái)的關(guān)鍵字（可模糊搜索）

圖片.png

比如:

圖片.png

1.4 模擬慢速網(wǎng)絡(luò)

在 Charles 的菜單上，選擇Proxy ->Throttle Setting->Enable Throttling

圖片.png

如果我們只想模擬指定網(wǎng)站的慢速網(wǎng)絡(luò)耻台，可以再勾選上圖中的 “Only for selected hosts” 項(xiàng)即可空免。

1.5 修改網(wǎng)絡(luò)請(qǐng)求內(nèi)容

我們可以修改該請(qǐng)求的任何信息，包括 URL 地址盆耽、參數(shù)等蹋砚，之后點(diǎn)擊 “Execute” 即可發(fā)送該修改后的網(wǎng)絡(luò)請(qǐng)求（如下圖所示）。Charles 支持我們多次修改和發(fā)送該請(qǐng)求摄杂，這對(duì)于我們和服務(wù)器端調(diào)試接口非常方便坝咐，如下圖所示：

Snip20180725_25.png

1.6 修改服務(wù)器返回內(nèi)容

理由:iOS前端的開(kāi)發(fā)人員獨(dú)立完成測(cè)試而不用拉過(guò)來(lái)一個(gè)后端一起聯(lián)調(diào)。并且各種特殊維度匙姜，或是臨界的賬號(hào)也不用再去辛苦找了畅厢，僅僅自己在青花瓷上改來(lái)改去就可以達(dá)到效果了冯痢。比如這個(gè)地方如果返回了nil程序會(huì)不會(huì)崩氮昧，直接改response就行了

步驟：

首先 要保證是開(kāi)啟請(qǐng)求斷點(diǎn)是打開(kāi)的
選擇要修改的接口內(nèi)容 ，勾選Breakpoints
打開(kāi)青花瓷切換成結(jié)構(gòu)頁(yè)面,切換成Structure

選擇要修改的接口內(nèi)容 浦楣，勾選Breakpoints.png

圖片.png

點(diǎn)擊Execute之后袖肥，修改內(nèi)容

圖片.png

沒(méi)改之前

圖片.png

圖片.png

改完之后

Snip20180725_28.png

圖片.png

1.7 給服務(wù)器做壓力測(cè)試

接著我們就可以在彈出的對(duì)話框中，選擇打壓的并發(fā)線程數(shù)以及打壓次數(shù)振劳，確定之后椎组，即可開(kāi)始打壓。（開(kāi)發(fā)部建議使用历恐，這是測(cè)試的活寸癌，不能端了人家的飯碗）

圖片.png

Snip20180725_26.png

1.8 抓取手機(jī)App網(wǎng)絡(luò)請(qǐng)求

在 Charles 的菜單欄上選擇 “Proxy”->”P(pán)roxy Settings”，填入代理端口 8888
并且勾上 “Enable transparent HTTP proxying” 就完成了在 Charles 上的設(shè)置

圖片.png

獲取 Charles 運(yùn)行所在電腦的 IP 地址弱贼，Charles 的頂部菜單的 “Help”->”Local IP Address”蒸苇，即可在彈出的對(duì)話框中看到 IP 地址

圖片.png

號(hào)外號(hào)外：筆者之前有寫(xiě)過(guò)抓取手機(jī)的接口 點(diǎn)我查看

1.9 無(wú)法抓取模擬器的數(shù)據(jù) ---(2020.01.06更新)

打開(kāi)模擬器提示：
Charles cannot configure your proxy settings while it is on a read-only volume. Perhaps you are running Charles from the disk image? If so, please copy Charles to the Applications folder and run it again. Otherwise please ensure that Charles is running on a volume that is read-write and try again.

終端執(zhí)行

sudo chown -R root "/Applications/Charles.app/Contents/Resources"
sudo chmod -R u+s "/Applications/Charles.app/Contents/Resources"

執(zhí)行第一條命令之后需要輸入密碼，輸入之后回車鍵吮旅，繼續(xù)執(zhí)行第二條命令即可

圖片.png

二溪烤、Postman

相信這個(gè)是很多開(kāi)發(fā)者必備的。
Postman破解版下載地址點(diǎn)我

圖片.png

POST參數(shù)請(qǐng)求格式：

表單提交 (也有少量使用表單)

表單提交方式.png

JSON提交（很多都是使用json）

JSON提交方式.png

xml提交（現(xiàn)在很少有這種，幾乎沒(méi)有）

xml提交方式.png

三檬嘀、在線轉(zhuǎn)模型工具 網(wǎng)絡(luò)地址

挺好使的一款工具槽驶，不用下載，直接在線轉(zhuǎn)即可鸳兽。

圖片.png

四掂铐、json格式化 json在線格式化

使用他的主要是什么呢？一美觀贸铜，其二看數(shù)據(jù)格式方面

圖片.png