VS Code自带http请求插件神器：Rest Client

挺久没充电了，最近发现了一款超级好用vs code自带的http请求插件：REST Client，REST Client 是一个 VS Code 扩展插件，它允许你发送 HTTP 请求并直接在 VS Code 上查看响应结果，有了这款插件的支持，我们就无需费力地额外去下载postman这类请求类工具啦，让我们一起来体验下这款插件吧。

1. 打开vs code，在拓展工具中搜索：rest client，找到下图这款，一键安装

rest client插件

这里值得说明一下，Rest Client是没有操作界面，而是在http文件中编写请求文档，可能有些同学会觉得不够直观，习惯就好

2. 安装好插件后，我们创建一个http文件来实测下：api.http

3. 这一步是关键，我们来编写测试接口，编写方案有两种：

符合 RFC 2616 标准的 POST 请求

POST http://dummy.restapiexample.com/api/v1/create HTTP/1.1
content-type: application/json

{
    "name":"Hendry",
    "salary":"61888",
    "age":"26"
}

api.http

点击send request就发送请求啦，response会显示在右侧
get、put、delete等请求方式写法类似，就不一一赘述了

GET https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo HTTP/1.1
content-type: application/json

此外，一个http文件中还可以支持多个接口请求，只需 ### 隔开即可

GET https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo HTTP/1.1
content-type: application/json

###

POST http://dummy.restapiexample.com/api/v1/create HTTP/1.1
content-type: application/json

{
    "name":"Hendry",
    "salary":"61888",
    "age":"26"
}

符合 cURL 标准的 POST 请求

curl -X POST "http://dummy.restapiexample.com/api/v1/create" -d "Hello World"

###

curl -X GET "https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo"

4. 进阶使用

自定义文件变量的使用

我们可以在文件中自定义文件变量，在文件的任意位置进行引用，这样可以节约书写成本

@contentType = application/json

GET https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo HTTP/1.1
content-type: {{contentType}}

###

POST http://dummy.restapiexample.com/api/v1/create HTTP/1.1
content-type: {{contentType}}

{
    "name":"Hendry",
    "salary":"61888",
    "age":"26"
}

自定义请求变量

当某个请求结果的值需要被其它请求使用时，请求变量便发挥了它的作用啦。
格式为：@name newname ，请求变量引用语法为 {{requestName.(response|request).(body|headers).(JSONPath|XPath|Header Name)}}

@contentType = application/json

# @name getList
GET https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo HTTP/1.1
content-type: {{contentType}}

###

POST http://dummy.restapiexample.com/api/v1/create HTTP/1.1
content-type: {{contentType}}

{{getList.response.body}}

毕竟是款插件，功能自然是比不上postman全面和详尽的，主要看自己的用途吧，个人还是比较青睐这款插件的。

更多使用方法可以查阅官方文档：REST Client