使用抓包工具fiddler修改接口返回值進行調試

  1. 安裝完fiddler, 配置https和Connections.
    在這裏插入圖片描述
    在這裏插入圖片描述
  2. 配置完點擊options-HTTPs右側Action-導入證書到桌面。 然後在谷歌瀏覽器設置-高級-管理證書-受信任的跟證書頒發機構中導入fillder證書,重啓fillder和瀏覽器。(這個證書驗證比較重要)
  3. 新手剛開始使用時候注意:頂部出現一個黃條提示,或者你在使用規則的時候沒有勾選Enable rules代理都是不可使用的,在規則代理的時候需要注意下。
  4. 代理規則的編寫:在平時使用時候,一般都是在本地修改了代碼,然後利用測試環境或者線上環境的產品驗證本地最新版本的代碼,這個時候就需要測試(線上)走本地最新代碼,就需要規則代理了。
//這是一個代理測試環境的規則:上面是項目本身,下面是靜態資源
regex:https://m.ctrip.fat67.qa.nt.ctripcorp.com/webapp/vacations/diysh(.+)
http://localhost:3001/webapp/vacations/diysh$1

regex:https://m.ctrip.fat67.qa.nt.ctripcorp.com/resdiyshonline(.+)
http://localhost:3001/resdiyshonline$1

5.使用fiddler修改接口返回值

  • 首先不使用代理規則
  • 先給出修改之前的網頁
    在這裏插入圖片描述
    3.我們使用fiddler來修改接口返回值,(這裏爲了簡單,修改產品名字)
    先打開fiddler, 在左下角的底部黑框輸入命令 bap 接口名然後敲回車爲這個接口設置斷點:
    在這裏插入圖片描述
    敲完回車,可以看到黑條下方提示已經爲這個接口設置了斷點
    在這裏插入圖片描述
    此時再刷新網頁,找到這個斷點所在位置,雙擊,觀察右側詳情面板
    在這裏插入圖片描述
    此時發現返回可能是null,這是因爲請求方式(這裏顯示的是options)可能不是post導致的,沒關係,點擊run to Completion
    在這裏插入圖片描述
    然後在左側找到新的返回值
    在這裏插入圖片描述
    雙擊進入詳情,發現此時請求方式是post,也有返回值了
    在這裏插入圖片描述
    進入textview,發現是亂碼,先修改transformer中的編碼GZIP改爲None
    在這裏插入圖片描述
    再修改textview中的值,這裏我們把標題修改了
    在這裏插入圖片描述
    再把編碼改回去,點擊run to completion,就可以得到修改後的頁面
    在這裏插入圖片描述
    最後需要在fiddler中把設置的斷點清除,在黑框輸入bpa 空格然後點擊回車,所有斷點被清除在這裏插入圖片描述

到這裏就完成了返回接口的修改

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章