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

 更新时间:2024年02月26日 16:03:21   作者:一路向北qaq  
这篇文章主要介绍了vscode使用restClient实现各种http请求的操作方法,定义变量以及使用环境变量和返回数据作为变量的操作代码,感兴趣的朋友跟随小编一起看看吧

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请求内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • chrome编辑替换js文件的图文教程

    chrome编辑替换js文件的图文教程

    谷歌浏览器是常用来调试JS代码的工具,下面这篇文章主要给大家介绍了关于chrome编辑替换js文件的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • 使用TeXLive2022和VSCode安装配置步骤(LaTeX写论文)

    使用TeXLive2022和VSCode安装配置步骤(LaTeX写论文)

    这篇文章主要介绍了使用TeXLive2022和VSCode的安装配置步骤,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • Vscode一些常用操作图文教程

    Vscode一些常用操作图文教程

    这篇文章主要给大家介绍了关于Vscode的一些常用操作的相关资料,VSCode是一款非常流行的代码编辑器,广泛应用于前端开发,文中给出了详细图文教程,需要的朋友可以参考下
    2023-08-08
  • 有关将idea的系统配置文件移到其它盘激活失效的问题

    有关将idea的系统配置文件移到其它盘激活失效的问题

    这篇文章给大家介绍win7系统盘空间不足,发现idea2019.3 占3.4G,将idea的系统配置文件移到其它盘,激活失效的解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2020-11-11
  • 高效管理http连接的方法

    高效管理http连接的方法

    下面小编就为大家分享一篇高效管理http连接的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • Git科普文,Git基本原理及各种骚操作(推荐)

    Git科普文,Git基本原理及各种骚操作(推荐)

    这篇文章主要介绍了Git科普文,Git基本原理及各种骚操作,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • Git标签管理

    Git标签管理

    本篇文章主要介绍了Git标签管理的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • VScode设置语言为中文以及解决中文注释乱码问题

    VScode设置语言为中文以及解决中文注释乱码问题

    VSCode默认是英文语言环境,习惯了用中文,下面这篇文章主要给大家介绍了关于VScode设置语言为中文以及解决中文注释乱码问题的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • 解决MAC系统升级后虚拟机黑屏问题

    解决MAC系统升级后虚拟机黑屏问题

    相信大家都抱着尝鲜的心理,更新了MacOS Catalina 。在更新之后,打开VMware Fusion使用中发现,虚拟机处于黑屏状态,无法看到虚拟机的屏幕,在各种尝试之后,找到一种正确的解决办法
    2021-09-09
  • 音视频基本概念和FFmpeg的简单入门教程详解

    音视频基本概念和FFmpeg的简单入门教程详解

    FFmpeg是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。可以轻易地实现多种视频格式之间的相互转换,这篇文章主要介绍了音视频基本概念和FFmpeg的简单入门,需要的朋友可以参考下
    2022-04-04

最新评论