VScode中測試接口代替postman

接口調試是每一個軟件開發者必不可少的一項技能，一個項目的完成必然經過大量的接口測試，實際開發過程中，接口調試的時間不比實際開發所用的時間少。作爲前端開發人員，我們通常使用 Postman 工具來進行REST API調用。今天來看看VScode中調試接口。👇👇👇

安裝插件

REST Client 是一個 VS Code擴展插件，它允許你發送 HTTP 請求並直接在 VS Code上查看響應結果。

優點

• 能夠進行版本化並可以在團隊間共享我們的 API 調用；
• 僅僅是一個 HTTP 文件，團隊成員間可以通過 git 協作維護這個文件；
• 無需切換窗口，可以在一個 HTTP 文件中去維護多個接口；

缺點

• 必須使用 VS Code，如果使用其它的工具開發是不可以的；
• Postman 擁有強大的用戶操作界面，而 REST Client 沒有操作界面，僅僅是在一個 HTTP 文件中編寫請求，沒有 Postman 方便；

創建一個.http 或 .rest 文件

寫入測試接口

• 代碼

  GET http://localhost:3000/admin/companies HTTP/1.1
  content-type: application/json
  authorization: token值
  

• 效果圖

  測試接口完成後點擊Send Request發送請求。
  

• 測試結果
  

注意：接口間通過###分隔，同一個.http 文件裏可以涵蓋多個 HTTP請求。不像Postman，不同的 HTTP請求需要放在不同的 tab 裏。