如何使用VScode软件测试接口

我们知道,Visual Studio Code(简称VScode)软件一般用于编写前端代码,但其实,它也可以很方便的用于接口测试,达到和postMan一样的效果。
在这里插入图片描述
怎么实现呢?

步骤如下:

1.安装 REST Client 插件

在这里插入图片描述

2.步骤二:创建一个 .http 或 .rest 文件

在这里插入图片描述

3.步骤三:写入测试接口
@Content-Type = application/json

### 测试取消订单接口
POST http://10.233.x.x:8080/test-adapter/testCancelOrder
Content-Type: {{Content-Type}}

{
    "warehouseCode":"OTHER",
    "orderCode":"22",
    "orderType":"TK"
}
4.发送请求,测试接口(点击 Send Request 或者右键选择 Send Request)

在这里插入图片描述
这样,一个接口测试就成功啦~

tips:
(1) 一个test.http文件中存在多个接口用###隔开写
在这里插入图片描述
(2) 如果省略 request 方法,请求将被视为 GET
在这里插入图片描述
(3) 如果创建的文件后缀是.rest ,需符合 CURL 标准的 POST 请求

curl -X POST "http://com.example.com/api/v1/test" 
 -d "Hello World"
curl -H "Content-Type: application/json" -X POST
 -d '{"abc":123,"bcd":"nihao"}' "http://10.233.x.x:8080/test-adapter/testCancelOrder" 

其中,-H代表header头,-X是指定什么类型请求(POST/GET/HEAD/DELETE/PUT/PATCH),-d代表传输什么数据。这几个是最常用的。

(4) 支持自定义变量
创建:@contentType = application/json
调用:Content-Type: {{contentType}}

系统自带的一些变量,使用系统变量需要有 KaTeX parse error: Expected '}', got 'EOF' at end of input: 符号,例如:{{guid}} 唯一识别号

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
VSCode中进行接口测试可以使用REST Client插件。首先,在VSCode的扩展中搜索并安装REST Client插件。然后,在项目目录下创建一个`.http`文件。在该文件中,可以配置请求数据和接口信息。每个接口之间可以使用`###`进行分隔。请求的链接和请求的数据格式需要分开写,需要在它们之间空一行。例如,对于form表单数据的请求,可以按照以下格式进行配置: ``` POST https://xxxxx.com/open/aunnal/xxxx HTTP/1.1 content-type: application/x-www-form-urlencoded phoneNumber=15790000000&sex=0 ``` 如果省略了请求方法,请求将被视为GET方法。如果创建的文件后缀是`.rest`,则需要符合CURL标准的POST请求格式。例如: ``` curl -X POST "http://com.example.com/api/v1/test" -d "Hello World" curl -H "Content-Type: application/json" -X POST -d '{"abc":123,"bcd":"nihao"}' "http://10.233.x.x:8080/test-adapter/testCancelOrder" ``` 通过配置好请求数据后,可以点击"Send Request"按钮或者右键选择"Send Request"来发送请求进行接口测试。这样,使用REST Client插件可以满足前端开发中对接口的调用和测试需求。\[2\]\[3\] #### 引用[.reference_title] - *1* *3* [如何使用VScode软件测试接口](https://blog.csdn.net/u012660464/article/details/127735397)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vscode中的接口测试插件:REST Client](https://blog.csdn.net/she_jw/article/details/105531222)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值