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

 更新时间:2024年02月26日 16:03:21   作者:一路向北qaq  
这篇文章主要介绍了vscode使用restClient实现各种http请求的操作方法,定义变量以及使用环境变量和返回数据作为变量的操作代码,感兴趣的朋友跟随小编一起看看吧
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

vscode使用restClient实现各种http请求

一,安装插件

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

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

二,简单入门

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

GET www.baidu.com HTTP/1.1 

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

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

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

三,环境变量

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

我们点击左下角设置按钮,进入设置,找到在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请求时,可以使用变量,如下图:

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

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

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

五,各种请求 post请求

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

文件上传请求

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

六,其他功能 代码生成

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

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

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

总结

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

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

相关文章

  • 从此不再惧怕URI编码 JavaScript及C# URI编码详解

    从此不再惧怕URI编码 JavaScript及C# URI编码详解

    JavaScript中的还好,只提供了三个,C#中主要用的就有这么多,还没有列出其他编码(HTML),一多就弄不明白,弄不明白就心生恐惧,心生恐惧就变得苦逼,本文就向大家详细解释在JavaScript及C#中如何对URI进行编码的方法(注:本文不涉及到其他编码)。
    2012-03-03
  • 反向传播BP学习算法Gradient?Descent的推导过程

    反向传播BP学习算法Gradient?Descent的推导过程

    这篇文章主要为大家介绍了反向传播BP学习算法-Gradient?Descent的推导过程,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-05-05
  • Hybris在idea中debug配置方法详解

    Hybris在idea中debug配置方法详解

    这篇文章主要介绍了Hybris在idea中debug配置方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • 在命令行用 sort 进行排序的方法

    在命令行用 sort 进行排序的方法

    这篇文章主要介绍了在命令行用 sort 进行排序的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • unity下载并和vs2019关联的步骤详解

    unity下载并和vs2019关联的步骤详解

    这篇文章主要介绍了unity下载并和vs2019关联的步骤,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • JetBrains公司三大编辑器迭代循环模板快捷键详解

    JetBrains公司三大编辑器迭代循环模板快捷键详解

    这篇文章主要介绍了JetBrains公司三大编辑器迭代循环模板快捷键,如果快捷键无用,请到keymap中调整自己的快捷键,或者查看是否有应用占用了该快捷键,需要的朋友可以参考下
    2022-04-04
  • UTF8和GBK编码互转实现解析

    UTF8和GBK编码互转实现解析

    这篇文章主要为大家介绍了UTF8和GBK编码互转实现解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • 20个提高开发效率的VS Code快捷键(推荐)

    20个提高开发效率的VS Code快捷键(推荐)

    这篇文章主要给大家介绍了20个提高开发效率的VS Code快捷键,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • git的远程分支的作用和本地分支有什么区别

    git的远程分支的作用和本地分支有什么区别

    这篇文章主要介绍了git的远程分支的作用和本地的有什么区别,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10
  • vscode怎么编译运行

    vscode怎么编译运行

    本文给大家分享的是vscode怎么一键编译运行的方法,非常的简单实用,有需要的小伙伴可以参考下
    2020-02-02

最新评论

?


http://www.vxiaotou.com