如何使用VScode软件测试接口

ゞ浴缸里的玫瑰 2024-04-01 15:51 113阅读 0赞

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

步骤如下：

##### 1.安装 REST Client 插件 #####

![在这里插入图片描述][4133faee5aab45b688f956057f1875ef.png]

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

![在这里插入图片描述][f03ddbe78aee42e58a98ac4f96867516.png]

##### 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) #####

![在这里插入图片描述][028fe310cee744c8af1b9d86440238cd.png]  
这样，一个接口测试就成功啦~

tips：  
**(1) 一个test.http文件中存在多个接口用\#\#\#隔开写**  
![在这里插入图片描述][026659778ed141d085cf6abd6aa9f243.png]  
**(2) 如果省略 request 方法，请求将被视为 GET**  
![在这里插入图片描述][b13ce6f1ed434554a615ee884e535ecf.png]  
**(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\}\} 唯一识别号

[c48112aabf3744ce932e43a5e29b9c30.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/af1061e610f24902974cbee323a4d87c.png
[4133faee5aab45b688f956057f1875ef.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e482d49452fa46bc89eda8318181d235.png
[f03ddbe78aee42e58a98ac4f96867516.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cbd026b461df43f7be6b8cdd0f75d5cd.png
[028fe310cee744c8af1b9d86440238cd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/fb76b6af247e406e88efc08baf99ca08.png
[026659778ed141d085cf6abd6aa9f243.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/58a4846c169444ed876d78a0716543ee.png
[b13ce6f1ed434554a615ee884e535ecf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7502386ff7df491e9aad499a1b6c5c0e.png