VS Code Rest 客户端发布请求示例 - JavaScript

在开发和测试 API 接口时，我们需要用到一个 REST 客户端来进行请求的发送和数据的交互。VS Code 中有一款名为 REST 客户端的插件，提供了比较方便的方式来测试 API 接口。

安装插件

在 VS Code 启动后，打开插件面板（快捷键：Ctrl + Shift + X），搜索 “REST Client” 插件并进行安装。

创建请求文件

在 VS Code 中创建一个 HTTP 请求文件，以 .http 为后缀名，并在文件中编写请求，可以参考下面的示例代码：

@baseUrl=https://jsonplaceholder.typicode.com/posts
### 创建新的 post

POST {{baseUrl}}
Content-Type: application/json;charset=UTF-8

{
    "title": "foo",
    "body": "bar",
    "userId": 1
}

### 获取 post 列表

GET {{baseUrl}}

### 获取单个 post 详情

GET {{baseUrl}}/1

### 更新指定 post

PUT {{baseUrl}}/1
Content-Type: application/json;charset=UTF-8

{
    "title": "foo",
    "body": "bar",
    "userId": 1,
    "id": 1
}

### 删除指定 post

DELETE {{baseUrl}}/1

上述代码用到了模板、注释、Post、Get、Put 和 Delete 等语法，这里简单介绍几个关键的语法：

• @baseUrl 定义变量，这里定义了 baseUrl 变量，用于后面请求地址的拼接。
• ### 定义注释，用于标记请求的名称和描述。
• POST / GET / PUT / DELETE 定义了请求的方法。
• {{baseUrl}} 引用了变量，用于动态拼接请求的地址。

如此一来，请求文件便编写完成了。

发送请求

在请求文件中选择任意一个请求语句，右键点击，选择 “Send Request” 选项或者使用快捷键（默认：Ctrl + Alt + R），即可发送请求。请求结果会在新窗口中显示。

总结

通过 VS Code 的 REST 客户端插件，我们可以方便地测试接口，并且在编辑器中执行请求并查看响应结果。