REST Client

接口調試是前端開發過程中必須要面對的問題，雖然網絡上有著層出不窮的調試工具，但是我相信大家用過最多的還是Postman，以至于后來還出現了PostWoman。

但是熟悉Postman的開發人員我相信對他是既愛又恨。

Postman

PostWoman

Postman 限制

1. 高級功能要付費

API 調試是可以的，但是如果你要編輯，版本控制使用團隊共享功能，會不方便。

使用 Postman 付費版本，但這意味著你需要付費，并且你所在的所有團隊都需要使用 Postman ，大家都需要付費，你能讓別人去付費？？？

2.額外的軟件，占用了寶貴的RAM資源

額外的軟件當然會占用我們寶貴的RAM資源，這對于我們開發人員來說是絕對不能容忍的啊。

3.這真的不爽

相信VS Code這個開發神器是被越來越多的開發人員接受，豐富的可擴展性，穩定的性能等等這些優點，不得不說確實是微軟的良心之做。如果我們在全神貫注地用VS Code開發時，遇到了REST API的需求，此時如果我們還需要打開另一個軟件(Postman)去調試，是不是有種亞麻吃黃蓮，有苦說不出的感覺～

REST Client特點

在編輯器中發送/取消/重新運行HTTP請求，并在單獨的窗格中查看響應，語法突出顯示在編輯器中發送GraphQL查詢并編寫GraphQL變量在編輯器中發送cURL命令并將HTTP請求復制為cURL command自動保存并查看/清除請求歷史記錄在同一文件中組織多個請求(由###定界符分隔)直接在窗格中查看圖像響應將原始響應和響應正文僅保存到本地磁盤折疊并展開反應體在響應預覽中自定義字體(大小/系列/粗細)與預期份(預覽響應僅標頭，只有體，完整的響應和請求和響應)身份驗證支持：基本認證摘要驗證SSL客戶端證書Azure活動目錄為HTTP請求生成代碼片段Python，使用JavaScript和等語言！記住Cookie以供后續請求代理支持發送SOAP請求以及代碼段支持以輕松構建SOAP信封HTTP 語言支持.http和.rest文件擴展名支持語法高亮(請求和響應)自動完成方法，URL，標題，自定義/系統變量，MIME類型等注釋(行以#或開頭//)支持支持json和xml正文縮進，注釋快捷方式和自動關閉括號諸如GET和等操作的代碼段POST支持在打開的http文件中導航到符號定義(請求和文件級自定義變量)CodeLens支持添加可操作的鏈接以發送請求折疊/展開請求塊

使用REST Client

1.安裝 REST Client 插件

2.創建一個 .http 或 .rest 文件

3.測試接口

符合 RFC 2616 標準的 POST 請求POST https://example.com/comments HTTP/1.1content-type: application/json{ "name": "sample", "time": "Wed, 21 Oct 2015 18:27:50 GMT"}

4.發送請求，測試接口

準備請求后，請單擊請求Send Request上方的鏈接，或使用快捷方式Ctrl+Alt+R(Cmd+Alt+R適用于macOS)，或在編輯器中單擊鼠標右鍵，然后Send Request在菜單中選擇，或按F1，然后選擇/鍵入Rest Client: Send Request，響應將在Visual Studio Code的單獨的Webview面板。如果您想充分利用Visual Studio Code中的搜索，選擇或操作功能，還可以通過將設置為來預覽無標題文檔中的響應。發出請求后，等待的旋轉圖標將顯示在狀態欄中，直到收到響應為止。您可以單擊旋轉圖標以取消請求。之后，該圖標將被替換為總持續時間和響應大小。rest-client.previewResponseInUntitledDocumenttrue

您可以將鼠標懸停在狀態欄中的總持續時間上，查看響應時間的細分，還可以查看Socket，DNS，TCP，First Byte和Download的持續時間詳細信息。

將鼠標懸停在狀態欄中的響應大小上時，您可以查看header和body的細分響應大小詳細信息。

REST Client Extension中的所有快捷方式僅適用于文件語言模式http和plaintext。

5.自定義環境變量

點擊 Code => Preferences => Settings 打開設置，切換到 Workspace Settings ，配置 settings.json 文件：

"rest-client.environmentVariables": { "$shared": { "version": "v1", "prodToken": "foo", "nonProdToken": "bar" }, "local": { "version": "v2", "host": "localhost", "token": "{{$shared nonProdToken}}", "secretKey": "devSecret" }, "production": { "host": "example.com", "token": "{{$shared prodToken}}", "secretKey" : "prodSecret" }}

http下面列出了上述環境變量在文件中的用法示例，請注意，如果切換到本地環境，version則將是v2；如果切換到生產環境，version則將是從$ shared環境繼承的v1：

GET https://{{host}}/api/{{version}}comments/1 HTTP/1.1Authorization: {{token}}

更多功能：https://marketplace.visualstudio.com/items?itemName=humao.rest-client

總結

習慣了Postman ，但REST Client 確實是一個不錯的工具，對于VS Code的忠實粉絲來說更是無可替代，。畢竟平時在進行協作開發時，在項目中增加一個 .http 接口請求文件，確實比重新打開一個軟件要方便的多。

總結

以上是生活随笔為你收集整理的postman cookie设置_是时候抛弃Postman了，因为REST Client更香的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。