前後端資料聯調的三個小技巧,你一定要知道!

shanyue發表於2022-03-02

當專案開發完成進行提測後,測試人員發現了一條 Bug,定睛一看,原來某個介面報錯變成了紅色。

這就是第一個小技巧,對於異常 API,請使用 400+ 狀態碼進行表示,400+ 狀態碼在瀏覽器開發者工具除錯下為紅色,可一眼定位到異常 API

那測試人員發現了這條異常請求後,如何告知後端開發呢?

在蟲子管理平臺提 Bug 時,附以下資訊。

  1. 告知當前登入使用者
  2. 告知當前所在頁面
  3. 告知頁面操作步驟

但是,這實在太繁瑣了,實際上,只需要一個 curl 即可搞定。

  1. 在控制檯選中該條異常 API,右鍵點選 Copy as cURL
  2. 將該 curl 命令貼在 Bug 的上下文資訊中

這就是第二個小技巧,在瀏覽器控制檯複製異常API的 cURL 扔給後端

後端拿到該 curl 後,無需登入,也無需操作頁面,即可打斷點進行問題定位。但是如何更好地去控制 Body 傳遞的引數呢?而在 curl 中修改引數是非常複雜的。

此時,可以在 Apifox 等 API 除錯工具中直接將 curl 轉化為 Apifox 中的請求,此時修改引數特別方便。

這就是第三個小技巧,通過 Apifox 等 API 除錯工具匯入 cURL,方便修改引數

另外,在 Apifox 中還可以將 API 請求,轉化為程式碼,這樣子爬蟲是不就非常方便了呢:

  1. 重新整理頁面,找到爬蟲目標 API 介面
  2. 將該 API 介面轉化為 cURL
  3. 將 cRUL 匯入到 Apifox 中的請求
  4. 將 Apifox 中的請求生成程式碼

相關文章