Charles + spy-debugger實(shí)現(xiàn)真機(jī)調(diào)試

1轨奄、Charles安裝

下載地址:https://www.charlesproxy.com/latest-release/download.do
安裝完成后需要安裝證書,Help – SSL Proxying – Install Charles Root Cetificate拒炎,然后彈出證書安裝頁(yè)面挪拟,完成后將證書設(shè)置為始終信任。

1.png

2击你、手機(jī)安裝證書

點(diǎn)擊Charles的 Help – SSL Proxying – Install Charles Root Cetigicate on a Mobile Device or Remote Brower玉组,將彈框中的代理ip和端口配置到手機(jī)(PS:手機(jī)和電腦需連接同一局域網(wǎng))

3.png

手機(jī)WiFi配置代理完成后,瀏覽器輸入chls.pro/ssl丁侄,下載并安裝證書(PS:ios安裝后需要添加信任惯雳,在設(shè)置 – 通用 – 關(guān)于本機(jī) – 證書信任設(shè)置中將Charles Proxy CA打開;
安卓瀏覽器輸入chls.pro/ssl時(shí)可能會(huì)顯示網(wǎng)絡(luò)錯(cuò)誤鸿摇,可以在pc端下載.ca證書石景,然后發(fā)送到手機(jī)安裝,具體如下

4.png

上述操作完成后拙吉,手機(jī)端打開任意app后潮孽,即可在Charles中看到訪問(wèn)的頁(yè)面請(qǐng)求

3、spy-debugger安裝

全局安裝

npm install spy-debugger -g

安裝完成后筷黔,命令行執(zhí)行

spy-debugger

啟動(dòng)spy-debugger服務(wù)往史,成功后會(huì)在用戶目錄下生成一個(gè)node-mitmproxy文件夾,這個(gè)文件夾內(nèi)放的就是代理需要的證書佛舱,雙擊node-mitmproxy.ca.crt文件進(jìn)行安裝
椎例,然后添加始終信任挨决,再將證書發(fā)送到手機(jī)進(jìn)行安裝(參考Charles證書安裝過(guò)程)

pwd   // 查看當(dāng)前目錄
cd ..  // 找到自己的用戶目錄,跳轉(zhuǎn)到該目錄下
cd node-mitmproxy // 跳轉(zhuǎn)
open ./   // 打開node-mitmproxy文件夾


4订歪、移動(dòng)端調(diào)試

spy-debugger  // 啟動(dòng)spy-debugger服務(wù)

或者

spy-debugger -e http://127.0.0.1:8888  // 啟動(dòng)spy-debugger服務(wù)脖祈,并設(shè)置外部代理為Charles的服務(wù)

1.png

然后設(shè)置手機(jī)的WiFi代理(ip和端口如上圖),設(shè)置完成后刷晋,在pc瀏覽器中訪問(wèn)http://127.0.0.1:58116/撒犀,

2.png

移動(dòng)端訪問(wèn)任意app,綠色表示成功捕獲到訪問(wèn)的頁(yè)面掏秩,然后可以子啊elements或舞、console中進(jìn)行調(diào)試

3.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市蒙幻,隨后出現(xiàn)的幾起案子映凳,更是在濱河造成了極大的恐慌,老刑警劉巖邮破,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件诈豌,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡抒和,警方通過(guò)查閱死者的電腦和手機(jī)矫渔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)摧莽,“玉大人庙洼,你說(shuō)我怎么就攤上這事∧髟” “怎么了油够?”我有些...
    開封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)征懈。 經(jīng)常有香客問(wèn)我石咬,道長(zhǎng),這世上最難降的妖魔是什么卖哎? 我笑而不...
    開封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任鬼悠,我火速辦了婚禮,結(jié)果婚禮上亏娜,老公的妹妹穿的比我還像新娘焕窝。我一直安慰自己,他們只是感情好照藻,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開白布袜啃。 她就那樣靜靜地躺著汗侵,像睡著了一般幸缕。 火紅的嫁衣襯著肌膚如雪群发。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天发乔,我揣著相機(jī)與錄音熟妓,去河邊找鬼。 笑死栏尚,一個(gè)胖子當(dāng)著我的面吹牛起愈,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播译仗,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼抬虽,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了纵菌?” 一聲冷哼從身側(cè)響起阐污,我...
    開封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎咱圆,沒想到半個(gè)月后笛辟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡序苏,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年手幢,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片忱详。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡围来,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出匈睁,到底是詐尸還是另有隱情管钳,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布软舌,位于F島的核電站才漆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏佛点。R本人自食惡果不足惜醇滥,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望超营。 院中可真熱鬧鸳玩,春花似錦、人聲如沸演闭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)米碰。三九已至窝革,卻和暖如春购城,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背虐译。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工瘪板, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人漆诽。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓侮攀,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親厢拭。 傳聞我的和親對(duì)象是個(gè)殘疾皇子兰英,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

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