快捷導(dǎo)航

vscode使用restClient實(shí)現(xiàn)各種http請(qǐng)求的操作方法

更新時(shí)間：2024年02月26日 16:03:21 作者：一路向北qaq

這篇文章主要介紹了vscode使用restClient實(shí)現(xiàn)各種http請(qǐng)求的操作方法,定義變量以及使用環(huán)境變量和返回?cái)?shù)據(jù)作為變量的操作代碼,感興趣的朋友跟隨小編一起看看吧

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

一，安裝插件

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

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

二，簡單入門

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

GET www.baidu.com HTTP/1.1

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

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

到這一步，我們使用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)境變量的配置，我配置了三個(gè)環(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)境變量和返回?cái)?shù)據(jù)作為變量

我們?cè)谑褂胷est client請(qǐng)求時(shí)，可以使用變量，如下圖：

我們定義了一個(gè)orgCode變量，并在請(qǐng)求時(shí)作為請(qǐng)求的header中的orgCode數(shù)據(jù)。通過{ {baseUrl}}則使用了環(huán)境變量中的值。那我們?cè)撊绾芜x擇環(huán)境變量呢？如下圖：

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

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

五，各種請(qǐng)求 post請(qǐng)求

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

文件上傳請(qǐng)求

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

六，其他功能代碼生成

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

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

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

總結(jié)

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

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