一窄俏、Charles(青花瓷)介紹
是一個(gè)
HTTP代理服務(wù)器蹂匹，HTTP監(jiān)視器，反轉(zhuǎn)代理服務(wù)器凹蜈，當(dāng)瀏覽器連接Charles的代理訪問互聯(lián)網(wǎng)時(shí)限寞，Charles可以監(jiān)控瀏覽器發(fā)送和接收的所有數(shù)據(jù)。它允許一個(gè)開發(fā)者查看所有連接互聯(lián)網(wǎng)的HTTP通信仰坦，這些包括request,response和HTTP headers（包含cookies與caching信息）。
二悄晃、Charles主要功能
- 支持
SSL代理∈可以截取分析SSL的請(qǐng)求。 - 支持流量控制眷蚓”侵郑可以模擬慢速網(wǎng)絡(luò)以及等待時(shí)間（latency）較長的請(qǐng)求沙热。
- 支持
AJAX調(diào)試「菝常可以自動(dòng)將json或xml數(shù)據(jù)格式化投队，方便查看。 - 支持
AMF調(diào)試敷鸦。可以將Flash Remoting或Flex Remoting信息格式化轧膘，方便查看谎碍。 - 支持重發(fā)網(wǎng)絡(luò)請(qǐng)求洞焙，方便后端調(diào)試。
- 支持修改網(wǎng)絡(luò)請(qǐng)求參數(shù)熔任。
- 支持網(wǎng)絡(luò)請(qǐng)求的截獲并動(dòng)態(tài)修改唁情。
- 檢查
HTML，CSS和RSS內(nèi)容是否符合W3C標(biāo)準(zhǔn)惦费。
三抢韭、安裝Charles
可以直接去官網(wǎng)https://www.charlesproxy.com/下載刻恭，也可以在網(wǎng)上搜一下破解版本的。
下載之后鞍匾，安裝即可骑科。
四、配置Charles
1梳码、首先確保你的手機(jī)和電腦在同一個(gè)WiFi下（關(guān)鍵）
兩者一定是在同一網(wǎng)絡(luò)環(huán)境下
2掰茶、在手機(jī)上和電腦上安裝描述文件
在Charles的Help菜單的SSL Proxying下選擇如圖選項(xiàng)
然后電腦上會(huì)彈出一個(gè)提示框
這個(gè)時(shí)候濒蒋，打開手機(jī)的網(wǎng)絡(luò)設(shè)置，開始配置代理
這里服務(wù)器填寫手機(jī)安裝證書提示框的IP地址瓮顽，端口填寫提示框里面的端口围橡。
記住圆存，這只是安裝鳍置，并沒有信任證書税产，還要去設(shè)置一下信任。在設(shè)置->關(guān)于本機(jī)->證書信任設(shè)置路徑下撞羽。如圖：
此時(shí)诀紊，手機(jī)上的描述文件就安裝完畢了
接著安裝電腦的證書
點(diǎn)擊如圖選項(xiàng)隅俘，然后就會(huì)跳轉(zhuǎn)到本地鑰匙串为居，如果證書沒有信任的話，雙擊一下證書贰镣，設(shè)置為始終信任即可。
至此恭陡，證書部分安裝完畢上煤。
打開Charles，進(jìn)行Proxy Setting
這里使用默認(rèn)的8888端口號(hào)
接著設(shè)置SSL Proxying Settings
Host填寫一個(gè)*牧抽，代表通配符
Port填寫：443端口
點(diǎn)擊OK保存扬舒，至此所有的設(shè)置都做好了。
五孕惜、開始抓數(shù)據(jù)晨炕，抓一下手機(jī)百度的數(shù)據(jù)吧。
選中數(shù)據(jù)對(duì)應(yīng)的接口削罩，給該地址添加一個(gè)斷點(diǎn)费奸。然后手機(jī)再次下拉刷新數(shù)據(jù)，測試會(huì)停到這個(gè)斷點(diǎn)的地方微服，此時(shí)你可以編輯請(qǐng)求的部分缨历，如果不需要，直接點(diǎn)擊下面的Execute按鈕丛肮，測試數(shù)據(jù)加載過來了觉吭，選中Edit Response，找到你想更改的數(shù)據(jù)伴鳖，進(jìn)行編輯，編輯之后搞疗，點(diǎn)擊下面的Execute按鈕须肆。
回到App查看變更結(jié)果
注意點(diǎn)：
-
確保手機(jī)和電腦在同一個(gè)WiFi下
-
手機(jī)安裝描述文件一定是在配置好代理之后再去打開chls.pro/ssl進(jìn)行安裝
-
安裝不代表信任幢炸，一定要去設(shè)置/關(guān)于手機(jī)/證書信任設(shè)置里面進(jìn)行信任證書設(shè)置
-
SSL Proxying Settings和Proxy Setting如圖就行
-
添加打點(diǎn)之后要再次在手機(jī)上刷新數(shù)據(jù)才能走到斷點(diǎn)拒贱，進(jìn)行Edit Request，然后點(diǎn)擊Execute進(jìn)行下一步的Edit Response闸天，修改好之后斜做，再次點(diǎn)擊Execute按鈕，此時(shí)回到App即可查看效果笼吟。
之所以記錄這個(gè)過程抛姑，是因?yàn)槲抑爸皇鞘褂肅harles進(jìn)行獲取數(shù)據(jù)，輔助開發(fā)皿桑，并沒有用到篡改數(shù)據(jù)的功能蔬啡，這里記錄一下箱蟆，以便于學(xué)習(xí)。如有問題空猜，可以在下方評(píng)論恨旱，共勉之搜贤。
