vscode使用restClient实现各种http请求

vscode使用restClient实现各种http请求

一,安装插件

首先,我们要在vscode的扩展中,搜索rest Client,然后安装它,这里我已经安装过了。

安装后,我们就可以使用rest client插件进行http各种操作了。

二,简单入门

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

java 复制代码
GET www.baidu.com HTTP/1.1

   
   
   

打完命令后,上面出现Send Request字样,这个可以点击,点击后,右边会出现发送请求后的返回结果。

当我们需要使用多个请求时,就用###隔开如下图:

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

三,环境变量

使用rest client插件,我们可以定义环境变量,这样就可以在不同环境切换,首先,我们要找到settings.json文件,如下图

我们点击左下角设置按钮,进入设置,找到在settings.json中编辑,点击进入,就可以进入编辑了。如下图:

图中被红框部分就是环境变量的配置,我配置了三个环境,分别是local,dev和qa。$shared是共享的,任何环境都可以使用。配置如下:

json 复制代码
"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": "***********************"
    }
}

   
   
   
   
   
   
    
    ![](https://file.jishuzhan.net/article/1761947153900507138/e131387152448193c676d6f7de678c8e.webp)
   
   
   
四,定义变量以及使用环境变量和返回数据作为变量

我们在使用rest client请求时,可以使用变量,如下图:

我们定义了一个orgCode变量,并在请求时作为请求的header中的orgCode数据。通过{ {baseUrl}}则使用了环境变量中的值。那我们该如何选择环境变量呢?如下图:

当点击右下角的环境位置时,上面就会出现已有的环境变量的下拉框,这时我们就可以选择环境变量。那么,我们如何使用接口返回的数据呢?如下图:

我们在请求数据前,定义了一个# @name grant,当请求结束,我们就可以使用grant获取返回的数据,我这边返回的json数据。

五,各种请求
post请求

如下图,红框部分就是post请求的body部分,上面哪些是header头中的数据。

文件上传请求

如下图,文件上传也比较简单

六,其他功能
代码生成

我们可以根据请求生成代码,鼠标放在请求上,右键。如下图:

然后,我们选择生成的语言,如下图:

然后就生成了相应语言请求的代码,是不是很方便?如下图:

总结

自从用了vscode的rest client插件,我已经很久没有用postman了。

相关推荐
夕泠爱吃糖3 小时前
HTTPS与HTPP的区别
网络协议·http·https
2501_915909063 小时前
“绑定 HTTPS” 的工程全流程 从证书配置到真机验证与故障排查
网络协议·http·ios·小程序·https·uni-app·iphone
扁豆的主人9 小时前
http 状态码
网络·网络协议·http
lanhuazui1011 小时前
【Vscode】显示多个文件 & 打开多个文件时实现标签栏多行显示
vscode·编辑器
八月正好an13 小时前
visual studio安装本地帮助手册
ide·visual studio
寒月霜华14 小时前
JaveWeb后端-Web基础-SpringBoot Web、HTTP协议
前端·spring boot·http
张较瘦_14 小时前
环境搭建 | [入门级]VSCode(Cursor|Trae|Qoder)搭建Java(Springboot3)企业开发环境全流程
java·ide·vscode
雪碧聊技术15 小时前
HTTP 核心知识点速查表
网络·网络协议·http
生莫甲鲁浪戴15 小时前
Android Studio新手开发第二十一天
android·ide·android studio
生莫甲鲁浪戴15 小时前
Android Studio新手开发第二十二天
android·ide·android studio