vscode使用restClient实现各种http请求
一,安装插件
首先,我们要在vscode的扩展中,搜索rest Client,然后安装它,这里我已经安装过了。
![在这里插入图片描述](https://img-blog.csdnimg.cn/0bca2e369ef84b21872d96de56493660.png)
安装后,我们就可以使用rest client插件进行http各种操作了。
二,简单入门
首先,我们要创建一个.http文件,创建好文件后,在文件中敲入如下命令
GET www.baidu.com HTTP/1.1
打完命令后,上面出现Send Request字样,这个可以点击,点击后,右边会出现发送请求后的返回结果。
![在这里插入图片描述](https://img-blog.csdnimg.cn/a2303253b2214529b0d23d64f69efa21.png)
当我们需要使用多个请求时,就用###隔开如下图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/e253e725f4c94cf09fc51ca1e0a36503.png)
到这一步,我们使用rest Client插件就算入门了。接下来就进入进阶阶段。
三,环境变量
使用rest client插件,我们可以定义环境变量,这样就可以在不同环境切换,首先,我们要找到settings.json文件,如下图
![在这里插入图片描述](https://img-blog.csdnimg.cn/0f94e8e20392480285eee0f7c4e100d7.png)
我们点击左下角设置按钮,进入设置,找到在settings.json中编辑,点击进入,就可以进入编辑了。如下图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/f2d87320ff544f6db3b03d9cd956c699.png)
图中被红框部分就是环境变量的配置,我配置了三个环境,分别是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请求时,可以使用变量,如下图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/fd2e032813f44045af7be504466d5731.png)
我们定义了一个orgCode变量,并在请求时作为请求的header中的orgCode数据。通过{{baseUrl}}则使用了环境变量中的值。那我们该如何选择环境变量呢?如下图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/5e09a3ae265e4bfea872e1e27bcd413d.png)
当点击右下角的环境位置时,上面就会出现已有的环境变量的下拉框,这时我们就可以选择环境变量。那么,我们如何使用接口返回的数据呢?如下图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/8a57c906dbf24b58a55fdb60d6db7305.png)
我们在请求数据前,定义了一个# @name grant,当请求结束,我们就可以使用grant获取返回的数据,我这边返回的json数据。
五,各种请求
post请求
如下图,红框部分就是post请求的body部分,上面哪些是header头中的数据。
![在这里插入图片描述](https://img-blog.csdnimg.cn/cfb81cf0ab4c4a3b82a3ae4b18c09f96.png)
文件上传请求
如下图,文件上传也比较简单
![在这里插入图片描述](https://img-blog.csdnimg.cn/c0529a968306496ab78e003dd705d486.png)
六,其他功能
代码生成
我们可以根据请求生成代码,鼠标放在请求上,右键。如下图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/f463cbb8a2df4957af8a4347f60b09c8.png)
然后,我们选择生成的语言,如下图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/ac5734f84401470d9c6e7ecdd7f8a232.png)
然后就生成了相应语言请求的代码,是不是很方便?如下图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/e380c7b3fb2c4455a19cb62528a83401.png)
总结
自从用了vscode的rest client插件,我已经很久没有用postman了。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)