vscode使用restClient实现各种http请求的操作方法

2024-04-19 0 685
目录
  • vscode使用restClient实现各种http请求
    • 一,安装插件
    • 二,简单入门
    • 三,环境变量
    • 四,定义变量以及使用环境变量和返回数据作为变量
    • 五,各种请求 post请求
    • 六,其他功能 代码生成
  • 总结

    vscode使用restClient实现各种http请求

    一,安装插件

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

    vscode使用restClient实现各种http请求的操作方法

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

    二,简单入门

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

    GET www.baidu.com HTTP/1.1

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

    vscode使用restClient实现各种http请求的操作方法

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

    vscode使用restClient实现各种http请求的操作方法

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

    三,环境变量

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

    vscode使用restClient实现各种http请求的操作方法

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

    vscode使用restClient实现各种http请求的操作方法

    图中被红框部分就是环境变量的配置,我配置了三个环境,分别是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使用restClient实现各种http请求的操作方法

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

    vscode使用restClient实现各种http请求的操作方法

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

    vscode使用restClient实现各种http请求的操作方法

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

    五,各种请求 post请求

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

    vscode使用restClient实现各种http请求的操作方法

    文件上传请求

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

    vscode使用restClient实现各种http请求的操作方法

    六,其他功能 代码生成

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

    vscode使用restClient实现各种http请求的操作方法

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

    vscode使用restClient实现各种http请求的操作方法

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

    vscode使用restClient实现各种http请求的操作方法

    总结

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

    到此这篇关于vscode使用restClient实现各种http请求的文章就介绍到这了,更多相关vscode http请求内容请搜索悠久资源网以前的文章或继续浏览下面的相关文章希望大家以后多多支持悠久资源网!

    收藏 (0) 打赏

    感谢您的支持,我会继续努力的!

    打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
    点赞 (0)

    悠久资源 编程技巧 vscode使用restClient实现各种http请求的操作方法 https://www.u-9.cn/biancheng/jiqiao/187804.html

    常见问题

    相关文章

    发表评论
    暂无评论
    官方客服团队

    为您解决烦忧 - 24小时在线 专业服务