在VS Code中调试REST API

avatar
@智云健康

本文作者:IAKGnaHz,未经授权禁止转载。

作为前端开发者,免不了要和 Postman 打交道,但是今天给大家推荐的是同时支持了 cURLRFC 2616 两种标准来调用REST API

优点

首先 REST ClientVS Code的扩展,这意味着你不需要单独下载独立的应用去调用 APIVS Code 也是前端目前最为流行的编辑器。

对于常用的 API 或者团队公用的 API,如果你想要编辑,版本化或者仅仅与你的团队共享,则非常不方便。或者,你可以使用付费版 Postman...

对于 REST Client 而言,他维护的就是一个简单的文件,你可以使用 Git在项目中统一管理。后续维护只需要查看文件即可。

缺点

作为 VSCode 插件,当然必须要使用 VSCode啦。

使用

使用方法很简单,创建一个 .http 的文件,例如 Test.http

然后点击 发起请求 Send Request

在右侧就会出现 请求的详细信息

通过###分隔符,同一个HTTP文件里可以涵盖多个HTTP请求,而不用像 Postman 一样使用 tab 去管理切换多个 HTTP 请求。

代码生成,可以生成不同编程语言的代码。支持 JavaScript, Python, C, C#, Java, PHP, 等主流语言

进阶功能

你还可以使用环境变量对多个环境中进行切换,避免切换环境之后需要手动更新 URL

".env": {
    "test": {
      
    },
    "local": {
        "host": "https://api.test.com/v1",
        "token": "TEST_TOKEN"
    },
    "dev": {
        "host": "https://api.dev.com/v1",
        "token": "DEV_TOKEN"
    },
    "staging": {
        "host": "https://api.staging.com/v1",
        "token": "STAGING_TOKEN"
    },
    "production": {
        "host": "https://api.com/v1",
        "token": "PROD_TOKEN"
    }
}

这上面的 Demo 配置了 4 个不同的环境,可以进行自由切换,当然还可以配置 Cookie等信息。