vscode使用restClient實(shí)現(xiàn)各種http請求

一，安裝插件

首先，我們要在vscode的擴(kuò)展中，搜索rest Client，然后安裝它，這里我已經(jīng)安裝過了。

安裝后，我們就可以使用rest client插件進(jìn)行http各種操作了。

二，簡單入門

首先，我們要創(chuàng)建一個.http文件，創(chuàng)建好文件后，在文件中敲入如下命令

GET www.baidu.com HTTP/1.1 

打完命令后，上面出現(xiàn)Send Request字樣，這個可以點(diǎn)擊，點(diǎn)擊后，右邊會出現(xiàn)發(fā)送請求后的返回結(jié)果。

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

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

三，環(huán)境變量

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

我們點(diǎn)擊左下角設(shè)置按鈕，進(jìn)入設(shè)置，找到在settings.json中編輯，點(diǎn)擊進(jìn)入，就可以進(jìn)入編輯了。如下圖：

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

"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": "***********************"
    }
}

四，定義變量以及使用環(huán)境變量和返回數(shù)據(jù)作為變量

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

我們定義了一個orgCode變量，并在請求時作為請求的header中的orgCode數(shù)據(jù)。通過{ {baseUrl}}則使用了環(huán)境變量中的值。那我們該如何選擇環(huán)境變量呢？如下圖：

當(dāng)點(diǎn)擊右下角的環(huán)境位置時，上面就會出現(xiàn)已有的環(huán)境變量的下拉框，這時我們就可以選擇環(huán)境變量。那么，我們?nèi)绾问褂媒涌诜祷氐臄?shù)據(jù)呢？如下圖：

我們在請求數(shù)據(jù)前，定義了一個# @name grant，當(dāng)請求結(jié)束，我們就可以使用grant獲取返回的數(shù)據(jù)，我這邊返回的json數(shù)據(jù)。

五，各種請求 post請求

如下圖，紅框部分就是post請求的body部分，上面哪些是header頭中的數(shù)據(jù)。

文件上傳請求

如下圖，文件上傳也比較簡單

六，其他功能 代碼生成

我們可以根據(jù)請求生成代碼，鼠標(biāo)放在請求上，右鍵。如下圖：

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

然后就生成了相應(yīng)語言請求的代碼，是不是很方便？如下圖：

總結(jié)

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

到此這篇關(guān)于vscode使用restClient實(shí)現(xiàn)各種http請求的文章就介紹到這了,更多相關(guān)vscode http請求內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論