簡介
Charles其實(shí)是一款代理服務(wù)器,通過成為電腦或者瀏覽器的代理仗阅,然后截取請求和請求結(jié)果達(dá)到分析抓包的目的。該軟件是用Java寫的国夜,能夠在Windows减噪,Mac,Linux上使用车吹。開發(fā)iOS都在Mac系統(tǒng)上吧筹裕,安裝Charles的時(shí)候要先裝好Java環(huán)境。這么好的軟件不是免費(fèi)的窄驹,官網(wǎng)要好幾十刀呢朝卒,我這里有一個(gè)Mac上的破解版,點(diǎn)擊這里下載乐埠,當(dāng)然不是最新版的抗斤。如果你想體驗(yàn)最新版,Charles是提供試用的丈咐。
Charles主要功能
支持SSL代理瑞眼。可以截取分析SSL的請求棵逊。
支持流量控制伤疙。可以模擬慢速網(wǎng)絡(luò)以及等待時(shí)間(latency)較長的請求辆影。
支持AJAX調(diào)試徒像。可以自動將json或xml數(shù)據(jù)格式化蛙讥,方便查看锯蛀。
支持AMF調(diào)試〖猓可以將Flash Remoting 或 Flex Remoting信息格式化谬墙,方便查看。
支持重發(fā)網(wǎng)絡(luò)請求经备,方便后端調(diào)試拭抬。
支持修改網(wǎng)絡(luò)請求參數(shù)。
支持網(wǎng)絡(luò)請求的截獲并動態(tài)修改侵蒙。
檢查HTML造虎,CSS和RSS內(nèi)容是否符合W3C標(biāo)準(zhǔn)。
開始抓包
先看一下Charles的廬山真面目吧纷闺!
接下來要把電腦設(shè)置為代理
這樣你會發(fā)現(xiàn)算凿,你通過瀏覽器請求的網(wǎng)址都會出現(xiàn)在這里份蝴,iOS模擬器的所有的網(wǎng)絡(luò)請求也會出現(xiàn)在這里。點(diǎn)擊某一個(gè)網(wǎng)址后氓轰,你會發(fā)現(xiàn)右邊會出現(xiàn)這個(gè)網(wǎng)址請求的大概信息婚夫,點(diǎn)擊具體的請求后會出現(xiàn)request和response等信息
如果你發(fā)現(xiàn)返回的是亂碼,首先看是在http請求還是https請求署鸡,如果是http請求案糙,那么應(yīng)該就是返回來的中文亂碼,解決方案是找到該軟件顯示包內(nèi)容,Contents目錄下的info.plist靴庆,打開文件找到vmoption,添加-Dfile.encoding=UTF-8即可时捌。
如果是https請求出現(xiàn)的亂碼,如下圖這種情況
這時(shí)候你就需要安裝Charles的CA證書了炉抒,首先到去http://www.charlesproxy.com/ssl.zip下載CA證書文件奢讨。雙擊crt文件,選擇總是信任就可以了焰薄,當(dāng)然如果要抓取iPhone設(shè)備上的HTTPS請求拿诸,需要在iPhone上也安裝一個(gè)證書,在手機(jī)瀏覽器輸入這個(gè)網(wǎng)址:http://charlesproxy.com/getssl蛤奥,點(diǎn)擊安裝即可佳镜。然后你就可以告別那煩人的亂碼,可以愉快地抓包了凡桥。如果這時(shí)候你還是抓不了的話蟀伸,檢查一下Proxy-->SSL Proxying Settings是否設(shè)置OK,設(shè)置參考下圖:
抓取真機(jī)上的包
抓取真機(jī)上的數(shù)據(jù)非常的簡單缅刽,首先使手機(jī)和電腦在一個(gè)局域網(wǎng)內(nèi)啊掏,不一定非要是一個(gè)ip段,只要是同一個(gè)路由器下就可以了衰猛。按照上面說的把證書安裝好迟蜜,然后找到電腦的IP,你可以選擇在終端輸入ifconfig en0來獲取啡省,也可以選擇打開網(wǎng)絡(luò)偏好設(shè)置來查看娜睛。
終端獲取IP
網(wǎng)絡(luò)偏好設(shè)置查看IP
接下來打開Charles的代理設(shè)置:Proxy->Proxy Settings,設(shè)置一下端口號卦睹,默認(rèn)的是8888畦戒,這個(gè)只要不和其他程序的沖突即可,并且勾選Enable transparent HTTP proxying。
端口號設(shè)置
在手機(jī)上連接上和電腦在同一局域網(wǎng)的網(wǎng)絡(luò)上設(shè)置HTTP代理结序。端口號就是剛剛在Charles上設(shè)置的那個(gè)障斋。
然后在手機(jī)上隨便打開一個(gè)網(wǎng)址,這是Charles會彈出一個(gè)框讓你確認(rèn)是否代理,點(diǎn)擊allow就可以了垃环,然后你就會在Charles上發(fā)現(xiàn)手機(jī)上的請求了邀层。
過濾
在 Charles 的菜單欄選擇Proxy->Recording Settings,然后選擇Include欄遂庄,選擇Add寥院,然后填入需要監(jiān)控的協(xié)議,主機(jī)地址涛目,端口號,這樣就達(dá)到了過濾的目的只磷。如下圖:
還有一種方法就是在一個(gè)網(wǎng)址上右擊,選擇Focus,然后其他的請求就會被放到一個(gè)叫Other Host的文件夾里面预厌,這樣也達(dá)到了過濾的目的。
斷點(diǎn)
斷點(diǎn)的功能搞開發(fā)不會不知道苗沧,在Charles發(fā)起一個(gè)請求的時(shí)候,我們是可以給某個(gè)請求打一個(gè)斷點(diǎn)的炭晒,然后來觀察或者修改請求或者返回的內(nèi)容待逞,但是在這過程中藥注意請求的超時(shí)時(shí)間問題网严。要針對某一個(gè)請求設(shè)置斷點(diǎn),只需要在這個(gè)請求網(wǎng)址右擊選擇Breakpoints就可以斷點(diǎn)某一個(gè)請求了震束。
模擬網(wǎng)速慢
有時(shí)候在開發(fā)的時(shí)候我們想要模擬一下網(wǎng)絡(luò)慢的情況怜庸,這時(shí)候Charles他是可以幫助到你的,在Proxy->Throttle Setting垢村,然后選擇Enable Throttling嘉栓,在Throttle Preset下選擇網(wǎng)絡(luò)類型即可,具體設(shè)置你可以自行拿捏侵佃。
請求重定向
請求重定向的作用是什么呢趣钱?開發(fā)中一般都是測試環(huán)境,如果我們想對比一下和線上版本的區(qū)別的話首有,可以講測試的請求重定向到正式環(huán)境下枢劝。在選擇Tools->`Map Remote下:
內(nèi)容替換
有時(shí)候我們會測一下請求的參數(shù)不同會帶來不同的返回結(jié)果以測試是否達(dá)到業(yè)務(wù)需求您旁,或者需要不同的返回結(jié)果來驗(yàn)證我們對數(shù)據(jù)的處理是否正確轴捎,這時(shí)候需要后臺的同事配合,但是有了Charles侦锯,我們可以自己把控接口返回來的內(nèi)容秦驯,比如數(shù)據(jù)的空與否,數(shù)據(jù)的長短等等亲桥。在Tools->Rewrite Settings下: