移動(dòng)應(yīng)用抓包調(diào)試?yán)鰿harles

一、Charles是什么颁股?

image.png

二凯正、為什么是Charles?

為什么要用抓包工具豌蟋?大家在平常移動(dòng)App調(diào)試測(cè)試中是如何進(jìn)行抓包的?

在我們做開發(fā)與測(cè)試的過程中桑滩,總免不了碰到網(wǎng)絡(luò)問題梧疲,特別是重后臺(tái)的產(chǎn)品,這個(gè)時(shí)候我們往往的處理方法是抓個(gè)網(wǎng)絡(luò)包运准,看看到底應(yīng)用發(fā)送和接收了些什么鬼.....這個(gè)時(shí)候Charles上場(chǎng)了幌氮;Charles是一款屌的不行的截包工具,好用到?jīng)]朋友胁澳。

那么Charles屌在哪里呢该互??韭畸?主要特點(diǎn)如下:

1.支持SSL代理宇智,可以截取分析SSL的請(qǐng)求

2.支持流量控制∫榷。可以模擬慢速網(wǎng)絡(luò)(2G,3G)随橘,以及等待時(shí)間較長(zhǎng)的請(qǐng)求。

3.支持AJAX調(diào)試锦庸』幔可以自動(dòng)把JSON或者XML數(shù)據(jù)格式化,方便查看。

4.支持重發(fā)網(wǎng)絡(luò)請(qǐng)求萝嘁,方便后端調(diào)試梆掸。

5.支持修改網(wǎng)絡(luò)請(qǐng)求參數(shù)。

6.支持網(wǎng)絡(luò)請(qǐng)求的截取和動(dòng)態(tài)修改牙言。

7.最重要的一個(gè)優(yōu)點(diǎn)就是有不同平臺(tái)的版本(Mac酸钦,Windows、Linux)即學(xué)一個(gè)打遍天下嬉挡。

三钝鸽、Charles基本工作原理

charles是通過網(wǎng)絡(luò)代理來進(jìn)行抓包的,下面先了解一下http代理的原理:

1.普通http請(qǐng)求過程

image.png

2.加入了Charles的HTTP代理的請(qǐng)求與響應(yīng)過程

image.png

四庞钢、Charles的下載與安裝過程

1.官網(wǎng)下載地址:

http://www.charlesproxy.com/download/

2.Mac下安裝:

是一個(gè)安裝包是一個(gè)dmg后綴的文件拔恰。打開后將Charles拖到Application目錄下即完成安裝。

3.Windows下安裝:

下載后直接雙擊根據(jù)安裝向?qū)б徊揭徊桨惭b即可

五基括、Http抓包操作步驟

Step 1:開啟Charleshttp代理颜懊;

Step 2:手機(jī)端Wifi添加代理;

Step 3:開啟Charles錄制功能风皿;

Step 4:?jiǎn)?dòng)應(yīng)用開始抓包河爹;

Step 5:分析抓取的數(shù)據(jù)包。

Step 1: 開啟Charleshttp代理

a.設(shè)置Charles代理

image.png

a.激活http代理功能

image.png

Step 2: 手機(jī)端Wifi添加代理

a. Android手機(jī):

1.在手機(jī)端打開你的Wifi設(shè)置然后長(zhǎng)按已經(jīng)連接的Wifi在彈出來的菜單中選擇【修改網(wǎng)絡(luò)】

2.溝上[顯示高級(jí)]選項(xiàng)--【手動(dòng)】

3.輸入代理服務(wù)器的IP與端口桐款,IP即安裝了Charles的電腦IP地址咸这,端口就是前面一步設(shè)置Charles時(shí)所設(shè)置的端口。

image.png

b. iOS手機(jī):

1.點(diǎn)擊你所連接的wifi

2.輸入代理服務(wù)器的IP與端口魔眨,

IP即安裝了Charles的電腦IP地址媳维,端口就是前面一步設(shè)置Charles時(shí)所設(shè)置的端口。

image.png

Step 3:開啟Charles錄制功能

image.png

Step 4:?jiǎn)?dòng)應(yīng)用開始抓包

image.png

Step 5:分析抓取的數(shù)據(jù)包

image.png

1.Charles 主要提供兩種查看封包的視圖遏暴,分別名為 “Structure”和 “Sequence”:

a.Structure 視圖將網(wǎng)絡(luò)請(qǐng)求按訪問的域名分類侄刽;

b.Sequence 視圖將網(wǎng)絡(luò)請(qǐng)求按訪問的時(shí)間排序。

2.大家可以根據(jù)具體的需要在這兩種視圖之前來回切換朋凉。請(qǐng)求多了有些時(shí)候會(huì)看不過來州丹,Charles提供了一個(gè)簡(jiǎn)單的Filter功能,可以輸入關(guān)鍵字來快速篩選出URL 中帶指定關(guān)鍵字的網(wǎng)絡(luò)請(qǐng)求杂彭。

3.對(duì)于某一個(gè)具體的網(wǎng)絡(luò)請(qǐng)求墓毒,你可以查看其詳細(xì)的請(qǐng)求內(nèi)容和響應(yīng)內(nèi)容。如果請(qǐng)求內(nèi)容是POST 的表單盖灸,Charles 會(huì)自動(dòng)幫你將表單進(jìn)行分項(xiàng)顯示蚁鳖。如果響應(yīng)內(nèi)容是 JSON 格式的,那么 Charles可以自動(dòng)幫你將JSON 內(nèi)容格式化赁炎,方便你查看醉箕。如果響應(yīng)內(nèi)容是圖片钾腺,那么 Charles可以顯示出圖片的預(yù)覽。

六讥裤、Https抓包操作步驟

Step 1:了解一下https的基本原理放棒;

Step 2:在手機(jī)端安裝SSL證書;

Step 3:激活Charles的SSL代理己英;

Step 4:將指定的URL請(qǐng)求開啟SSL代理功能

Step 5:其他步驟與Http抓包相同间螟,請(qǐng)參考四、Http抓包操作步驟

Step 1:了解一下https的基本原理损肛;

image.png

詳細(xì)說明厢破,請(qǐng)參考:
http://blog.csdn.net/clh604/article/details/22179907

Step 2:在手機(jī)端安裝SSL證書

1.將證書文件從Charles導(dǎo)出

2.然后通過adb或者其他工具將其復(fù)制到手機(jī)的SD卡中。

image.png

3.將證書文件導(dǎo)入Android手機(jī)

image.png

4.在iOS手機(jī)端進(jìn)行證書配置治拿,在手機(jī)瀏覽器中輸入CA證書下載鏈接地址打開摩泪。

CA證書下載鏈接:https://www.charlesproxy.com/documentation/additional/legacy-ssl-proxying/

image.png

image.png

證書下載完成后,會(huì)自己提示安裝劫谅,和企業(yè)級(jí)開發(fā)者證書一樣见坑,比較容易搞定。這樣就可以抓取https的數(shù)據(jù)接口包了捏检。

Step 3:激活Charles的SSL代理

image.png

Step 4:將指定的URL請(qǐng)求開啟SSL代理功能

image.png
image.png

七荞驴、Charles進(jìn)階---修改請(qǐng)求也響應(yīng)的內(nèi)容

Step 1:設(shè)置Charless斷點(diǎn)。

Step 2:對(duì)指定的URL開啟斷點(diǎn)功能贯城。

Step 3:編輯請(qǐng)求與響應(yīng)的內(nèi)容熊楼。

Step 1:設(shè)置Charless斷點(diǎn)

image.png

Step 2:對(duì)指定的URL開啟斷點(diǎn)功能。

image.png

Step 3:編輯請(qǐng)求與響應(yīng)的內(nèi)容。

a.編輯請(qǐng)求內(nèi)容

image.png

b.編輯服務(wù)器響應(yīng)的內(nèi)容

image.png

八、Charles進(jìn)階---弱網(wǎng)模擬

1.菜單中選擇【Proxy】--->【Throttle Settings..】---> 激活【Enable Throttling】乡括。

2.在Throttle Configuration設(shè)置弱網(wǎng)的參數(shù)蚀浆。

3.以下是各種網(wǎng)制式的速率參考文檔:

移動(dòng)網(wǎng)絡(luò)制式與網(wǎng)速的參考文檔

image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市香追,隨后出現(xiàn)的幾起案子合瓢,更是在濱河造成了極大的恐慌,老刑警劉巖透典,帶你破解...
    沈念sama閱讀 219,270評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件晴楔,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡峭咒,警方通過查閱死者的電腦和手機(jī)税弃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來凑队,“玉大人则果,你說我怎么就攤上這事。” “怎么了西壮?”我有些...
    開封第一講書人閱讀 165,630評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵遗增,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我款青,道長(zhǎng)做修,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,906評(píng)論 1 295
  • 正文 為了忘掉前任抡草,我火速辦了婚禮饰及,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘康震。我一直安慰自己燎含,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,928評(píng)論 6 392
  • 文/花漫 我一把揭開白布签杈。 她就那樣靜靜地躺著瘫镇,像睡著了一般。 火紅的嫁衣襯著肌膚如雪答姥。 梳的紋絲不亂的頭發(fā)上铣除,一...
    開封第一講書人閱讀 51,718評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音鹦付,去河邊找鬼尚粘。 笑死,一個(gè)胖子當(dāng)著我的面吹牛敲长,可吹牛的內(nèi)容都是我干的郎嫁。 我是一名探鬼主播,決...
    沈念sama閱讀 40,442評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼祈噪,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼泽铛!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起辑鲤,我...
    開封第一講書人閱讀 39,345評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤盔腔,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后月褥,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體弛随,經(jīng)...
    沈念sama閱讀 45,802評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,984評(píng)論 3 337
  • 正文 我和宋清朗相戀三年宁赤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了舀透。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,117評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡决左,死狀恐怖愕够,靈堂內(nèi)的尸體忽然破棺而出走贪,到底是詐尸還是另有隱情,我是刑警寧澤链烈,帶...
    沈念sama閱讀 35,810評(píng)論 5 346
  • 正文 年R本政府宣布厉斟,位于F島的核電站,受9級(jí)特大地震影響强衡,放射性物質(zhì)發(fā)生泄漏擦秽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,462評(píng)論 3 331
  • 文/蒙蒙 一漩勤、第九天 我趴在偏房一處隱蔽的房頂上張望感挥。 院中可真熱鬧,春花似錦越败、人聲如沸触幼。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽置谦。三九已至,卻和暖如春亿傅,著一層夾襖步出監(jiān)牢的瞬間媒峡,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工葵擎, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留谅阿,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,377評(píng)論 3 373
  • 正文 我出身青樓酬滤,卻偏偏與公主長(zhǎng)得像签餐,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子盯串,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,060評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 一氯檐、Charles是什么? 二体捏、為什么是Charles男摧? 為什么要用抓包工具?大家在平常移動(dòng)App調(diào)試測(cè)試中是如何...
    luckydaxian閱讀 83,633評(píng)論 19 191
  • 目錄 準(zhǔn)備 分析2.1. 三次握手2.2. 創(chuàng)建 HTTP 代理(非必要)2.3. TLS/SSL 握手2.4. ...
    RunAlgorithm閱讀 38,218評(píng)論 12 117
  • 泛黃紙頁上的文字译打,訴說著我們的故事 一轉(zhuǎn)眼,已經(jīng)在時(shí)間的另一頭拇颅。 —...
    沐風(fēng)聽雨眠閱讀 592評(píng)論 3 2
  • 那天奏司,我猛地睜開眼,發(fā)現(xiàn)自己躺在一個(gè)陌生的地方樟插,周圍全是被砍伐后韵洋,遺留的樹樁竿刁,我感覺什么在指引著我,便站起來搪缨,緩緩...
    孝影楊閱讀 446評(píng)論 0 0
  • 表揚(yáng)兒子有問題和我心平氣和的商量食拜。今天孩子和我聊了關(guān)于壓歲錢和零花錢的合理支配使用方法。孩子有自己的想法副编,想自己管...
    THY桃花顏閱讀 192評(píng)論 2 3