vscode使用restClient实现各种http请求-Toy模板网

这篇具有很好参考价值的文章主要介绍了vscode使用restClient实现各种http请求。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

vscode使用restClient实现各种http请求

一，安装插件

首先，我们要在vscode的扩展中，搜索rest Client，然后安装它，这里我已经安装过了。
vscode http,http,工具,go,vscode,http,github,postman,restclient
安装后，我们就可以使用rest client插件进行http各种操作了。

二，简单入门

首先，我们要创建一个.http文件，创建好文件后，在文件中敲入如下命令

GET www.baidu.com HTTP/1.1

打完命令后，上面出现Send Request字样，这个可以点击，点击后，右边会出现发送请求后的返回结果。
vscode http,http,工具,go,vscode,http,github,postman,restclient
当我们需要使用多个请求时，就用###隔开如下图：

到这一步，我们使用rest Client插件就算入门了。接下来就进入进阶阶段。

三，环境变量

使用rest client插件，我们可以定义环境变量，这样就可以在不同环境切换，首先，我们要找到settings.json文件，如下图
vscode http,http,工具,go,vscode,http,github,postman,restclient
我们点击左下角设置按钮，进入设置，找到在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请求时，可以使用变量，如下图：
vscode http,http,工具,go,vscode,http,github,postman,restclient
我们定义了一个orgCode变量，并在请求时作为请求的header中的orgCode数据。通过{{baseUrl}}则使用了环境变量中的值。那我们该如何选择环境变量呢？如下图：

当点击右下角的环境位置时，上面就会出现已有的环境变量的下拉框，这时我们就可以选择环境变量。那么，我们如何使用接口返回的数据呢？如下图：
vscode http,http,工具,go,vscode,http,github,postman,restclient
我们在请求数据前，定义了一个# @name grant，当请求结束，我们就可以使用grant获取返回的数据，我这边返回的json数据。