修改網(wǎng)絡(luò)請(qǐng)求

對(duì)于捕獲的網(wǎng)絡(luò)請(qǐng)求，我們經(jīng)常需要修改網(wǎng)絡(luò)請(qǐng)求的cookie、Headers、Url等信息。Charles 提供了對(duì)網(wǎng)絡(luò)請(qǐng)求的編輯和重發(fā)功能。只需要選中需要修改編輯的網(wǎng)絡(luò)請(qǐng)求，在對(duì)應(yīng)的右上角看到有一個(gè)“鋼筆”的按鈕，點(diǎn)擊后就可以對(duì)選中的網(wǎng)絡(luò)請(qǐng)求進(jìn)行編輯了，編輯好后可以在右下角看到 Execute 按鈕。這樣我們編輯后的網(wǎng)絡(luò)請(qǐng)求就可以被執(zhí)行了。

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

很多時(shí)候?yàn)榱朔奖阏{(diào)試代碼，我們會(huì)有這種需求，修改接口返回的數(shù)據(jù)節(jié)點(diǎn)或者內(nèi)容、甚至是狀態(tài)碼。比如數(shù)據(jù)為空、數(shù)據(jù)異常、請(qǐng)求失敗、多頁(yè)數(shù)據(jù)的情況。 Charles 為我們提供了超實(shí)用的功能，“Map（Map Local、Map Remote）功能”、Rewrite功能、Breakpoints功能 ，都可以實(shí)現(xiàn)修改服務(wù)端返回?cái)?shù)據(jù)的功能。但是有區(qū)別和適用場(chǎng)景：

• Map 功能適合長(zhǎng)期地將某一請(qǐng)求重定向到另一個(gè)指定的網(wǎng)絡(luò)地址或者本地      JSON 文件

• Rewrite 功能適合對(duì)網(wǎng)絡(luò)請(qǐng)求進(jìn)行一些正則替換

• Breakpoints 功能適合對(duì)網(wǎng)絡(luò)請(qǐng)求進(jìn)行一些臨時(shí)性的修改（類似于我們開發(fā)的斷點(diǎn)作用）

   

Map 功能

Map 功能分為 Map Local（將某個(gè)網(wǎng)絡(luò)請(qǐng)求重定向到本地 JSON 文件） 和 Map Remote 功能（將網(wǎng)絡(luò)請(qǐng)求重定向到另一個(gè)網(wǎng)絡(luò)接口）。

在 Charles 菜單欄選擇 “Tools” -> "Map Remote" 或 “Map Local” 即可進(jìn)入相應(yīng)的功能模塊。

Map Remote 功能

適合于切換線上到本地、測(cè)試服務(wù)到正式服務(wù)的場(chǎng)景。比如下圖從正式服務(wù)切換到測(cè)試服務(wù)

Map Local 功能

我們需要填寫重定向的原地址信息和本地目標(biāo)文件。我們可以先將某個(gè)接口的響應(yīng)內(nèi)容保存下來(lái)（選擇對(duì)應(yīng)的網(wǎng)絡(luò)請(qǐng)求，右擊點(diǎn)擊 Save Response ）成為 data.json 文件。然后我們編輯里面的 status 、message、data 等信息為我們想要的目標(biāo)映射文件。

如下所示，我將一個(gè)網(wǎng)絡(luò)請(qǐng)求的內(nèi)容映射到我本地的一個(gè) JSON 文件。之后這個(gè)請(qǐng)求的內(nèi)容都從網(wǎng)絡(luò)變?yōu)榉祷匚冶镜氐臄?shù)據(jù)了。

Map Local 可能會(huì)存在一個(gè)小缺陷，其返回的 HTTP Response Header 與正常的網(wǎng)絡(luò)請(qǐng)求不一樣，如果程序設(shè)置了校驗(yàn) Header 信息，此時(shí) Map Local 就會(huì)失敗，解決辦法是同時(shí)使用 Rewrite功能將相關(guān)的HTTP 頭部信息 rewrite 成我們需要的信息

Rewrite 功能

Rewrite 適合對(duì)某個(gè)網(wǎng)絡(luò)請(qǐng)求進(jìn)行正則替換，以達(dá)到修改結(jié)果的目的。

假如我的 App 的界面上的顯示的功能模塊及其點(diǎn)擊事件是根據(jù)接口來(lái)完成的，我想實(shí)現(xiàn)替換功能模塊的名稱的目的。步驟：點(diǎn)擊頂部菜單欄的“Tools” -> "Rewrite"。在彈出的面板上勾選 “Enable Rewrite”。點(diǎn)擊左下角的 Add按鈕，在右上角的Name：處寫好本次配置的名稱（如果有多個(gè) Rewrite，為了后期容易區(qū)分）。

• 可以針對(duì)特定的網(wǎng)絡(luò)請(qǐng)求進(jìn)行      Rewrite?？梢渣c(diǎn)擊右上角 Location 面板下面的 Add按鈕。在彈出的面板上設(shè)置網(wǎng)絡(luò)請(qǐng)求配置信息。注意此時(shí)需要同時(shí)設(shè)置      Protocol、Port、Host、Path信息（我測(cè)試加了      Protocol、Host、Port這3個(gè)是無(wú)效的）

• 然后對(duì)指定的 Type 和 Action 進(jìn)行      Rewrite。

Type 主要有 Add Header、Modify Header、Remove Header、Host、Path等等。

Where 可以選擇 Request 和 Response。指的是下面的修改是針對(duì) Request 還是 Response

• 完成設(shè)置后點(diǎn)擊 Apply 按鈕，即可生效。下次繼續(xù)請(qǐng)求該網(wǎng)絡(luò)，返回的內(nèi)容就是我們剛剛設(shè)置的內(nèi)容。比如當(dāng)前的“政策法規(guī)”要變成“哈哈哈，我是假的政策法規(guī)”。這時(shí)候就可以使用    

   Rewrite 功能

Breakpoints 功能

Breakpoints 相比于其他幾個(gè)修改網(wǎng)絡(luò)請(qǐng)求的特點(diǎn)是只是針對(duì)當(dāng)前的網(wǎng)絡(luò)請(qǐng)求，Breakpoints 只存在于設(shè)置過(guò)的當(dāng)前的網(wǎng)絡(luò)請(qǐng)求，Charles 關(guān)閉后下次打開 Breakpoints 消失了。想要修改網(wǎng)絡(luò)請(qǐng)求 Breakpoints 步驟最簡(jiǎn)單，跟我們調(diào)試工具里面設(shè)置的斷點(diǎn)一樣方便。

對(duì)于我們?cè)O(shè)置了 Breakpoints 的網(wǎng)絡(luò)請(qǐng)求， Charles 會(huì)在下次繼續(xù)訪問(wèn)該請(qǐng)求的時(shí)候停止掉，就跟 debug 一樣。此時(shí)我們可以 Edit Request，修改過(guò) Request 之后點(diǎn)擊右下角的 Execute 按鈕。然后等到服務(wù)端返回的時(shí)候繼續(xù)是斷點(diǎn)狀態(tài)，此時(shí)可以Edit Response。步驟： 選中某個(gè)網(wǎng)絡(luò)請(qǐng)求 -> 右擊 -> 點(diǎn)擊“Breakpoints”。

如下圖：對(duì)該接口設(shè)置了 Breakpoints。請(qǐng)求網(wǎng)絡(luò)后 Edit Response，點(diǎn)擊 execute 后服務(wù)端返回的結(jié)果就是我們編輯的內(nèi)容了。