vscode使用restClient實作各種http請求

一，安裝插件

首先，我們要在vscode的擴充中，搜尋rest Client，然後安裝它，這裡我已經安裝過了。

安裝後，我們就可以使用rest client插件進行http各種操作了。

二，簡單入門

首先，我們要建立一個.http檔案，建立好檔案後，在檔案中敲入如下指令

打完指令後，上面出現Send Request字樣，這個可以點選，點選後，右邊會出現發送請求後的傳回結果。

當我們需要使用多個請求時，就用###隔開如下圖：

到這一步，我們使用rest Client插件就算入門了。接下來就進入進階階段。

三，環境變量

使用rest client插件，我們可以定義環境變量，這樣就可以在不同環境切換，首先，我們要找到settings.json檔案，如下圖

我們點選左下角設定按鈕，進入設定，找到在settings.json中編輯，點選進入，就可以進入編輯了。如下圖：

圖中被紅框部分就是環境變量的配置，我配置了三個環境，分别是local，dev和qa。$shared是共享的，任何環境都可以使用。配置如下：

"rest-client.environmentVariables": {
    "$shared": {
        "version": "v1"
    },
    "local": {
        "uacUrl": "http://dev-i.liyouqing.com",
        "baseUrl": "http://localhost:8080",
        "userId": "***********************",
        "clientId": "***********************",
        "loginAccount": "*********",
        "password": "0000"
    },
    "dev": {
        "uacUrl": "http://dev-i.liyouqing.com",
        "baseUrl": "http://dev-i.liyouqing.com",
        "userId": "***********************",
        "clientId": "***********************",
        "loginAccount": "15212340822",
        "password": "00000"
    },
    "qa": {
        "uacUrl": "http://qa-i.liyouqing.com",
        "baseUrl": "http://qa-i.liyouqing.com",
        "userId": "*********",
        "clientId": "*********",
        "loginAccount": "*********",
        "password": "***********************"
    }
}
           

四，定義變量以及使用環境變量和傳回資料作為變量

我們在使用rest client請求時，可以使用變量，如下圖：

我們定義了一個orgCode變量，并在請求時作為請求的header中的orgCode資料。通過{{baseUrl}}則使用了環境變量中的值。那我們該如何選擇環境變量呢？如下圖：

當點選右下角的環境位置時，上面就會出現已有的環境變量的下拉框，這時我們就可以選擇環境變量。那麼，我們如何使用接口傳回的資料呢？如下圖：

我們在請求資料前，定義了一個# @name grant，當請求結束，我們就可以使用grant擷取傳回的資料，我這邊傳回的json資料。

五，各種請求

post請求

如下圖，紅框部分就是post請求的body部分，上面哪些是header頭中的資料。

檔案上傳請求

如下圖，檔案上傳也比較簡單

六，其他功能

代碼生成

我們可以根據請求生成代碼，滑鼠放在請求上，右鍵。如下圖：

然後，我們選擇生成的語言，如下圖：

然後就生成了相應語言請求的代碼，是不是很友善？如下圖：

總結

自從用了vscode的rest client插件，我已經很久沒有用postman了。