四时宝库

程序员的知识宝库

是时候抛弃Postman了,因为REST Client更香


接口调试是前端开发过程中必须要面对的问题,虽然网络上有着层出不穷的调试工具,但是我相信大家用过最多的还是Postman,以至于后来还出现了PostWoman。

但是熟悉Postman的开发人员我相信对他是既爱又恨。




Postman 限制

1. 高级功能要付费

API 调试是可以的,但是如果你要编辑,版本控制使用团队共享功能,会不方便。

使用 Postman 付费版本,但这意味着你需要付费,并且你所在的所有团队都需要使用 Postman ,大家都需要付费,你能让别人去付费???

2.额外的软件,占用了宝贵的RAM资源

额外的软件当然会占用我们宝贵的RAM资源,这对于我们开发人员来说是绝对不能容忍的啊。

3.这真的不爽

相信VS Code这个开发神器是被越来越多的开发人员接受,丰富的可扩展性,稳定的性能等等这些优点,不得不说确实是微软的良心之做。如果我们在全神贯注地用VS Code开发时,遇到了REST API的需求,此时如果我们还需要打开另一个软件(Postman)去调试,是不是有种亚麻吃黄莲,有苦说不出的感觉~

REST Client特点

  • 在编辑器中发送/取消/重新运行HTTP请求,并在单独的窗格中查看响应,语法突出显示
  • 在编辑器中发送GraphQL查询并编写GraphQL变量
  • 在编辑器中发送cURL命令并将HTTP请求复制为cURL command
  • 自动保存并查看/清除请求历史记录
  • 在同一文件中组织多个请求(由###定界符分隔)
  • 直接在窗格中查看图像响应
  • 将原始响应和响应正文仅保存到本地磁盘
  • 折叠并展开反应体
  • 在响应预览中自定义字体(大小/系列/粗细)
  • 与预期份(预览响应仅标头,只有体,完整的响应和请求和响应)
  • 身份验证支持:基本认证摘要验证SSL客户端证书Azure活动目录
  • HTTP请求生成代码片段Python,使用JavaScript和等语言!
  • 记住Cookie以供后续请求
  • 代理支持
  • 发送SOAP请求以及代码段支持以轻松构建SOAP信封
  • HTTP 语言支持.http和.rest文件扩展名支持语法高亮(请求和响应)自动完成方法,URL,标题,自定义/系统变量,MIME类型等注释(行以#或开头//)支持支持json和xml正文缩进,注释快捷方式和自动关闭括号诸如GET和等操作的代码段POST支持在打开的http文件中导航到符号定义(请求和文件级自定义变量)CodeLens支持添加可操作的链接以发送请求折叠/展开请求块
  • 使用REST Client

    1.安装 REST Client 插件

    2.创建一个 .http 或 .rest 文件

    3.测试接口

  • 符合 RFC 2616 标准的 POST 请求
  • POST https://example.com/comments HTTP/1.1
    content-type: application/json
    
    {
        "name": "sample",
        "time": "Wed, 21 Oct 2015 18:27:50 GMT"
    }

    4.发送请求,测试接口

    准备请求后,请单击请求Send Request上方的链接,或使用快捷方式Ctrl+Alt+R(Cmd+Alt+R适用于macOS),或在编辑器中单击鼠标右键,然后Send Request在菜单中选择,或按F1,然后选择/键入Rest Client: Send Request,响应将在Visual Studio Code的单独的Webview面板。如果您想充分利用Visual Studio Code中的搜索,选择或操作功能,还可以通过将设置为来预览无标题文档中的响应。发出请求后,等待的旋转图标将显示在状态栏中,直到收到响应为止。您可以单击旋转图标以取消请求。之后,该图标将被替换为总持续时间和响应大小。rest-client.previewResponseInUntitledDocumenttrue

    您可以将鼠标悬停在状态栏中的总持续时间上,查看响应时间的细分,还可以查看Socket,DNS,TCP,First Byte和Download的持续时间详细信息。

    将鼠标悬停在状态栏中的响应大小上时,您可以查看header和body的细分响应大小详细信息。

    REST Client Extension中的所有快捷方式仅适用于文件语言模式http和plaintext。

    5.自定义环境变量

    点击 Code => Preferences => Settings 打开设置,切换到 Workspace Settings ,配置 settings.json 文件:

      "rest-client.environmentVariables": {
        "$shared": {
            "version": "v1",
            "prodToken": "foo",
            "nonProdToken": "bar"
        },
        "local": {
            "version": "v2",
            "host": "localhost",
            "token": "{{$shared nonProdToken}}",
            "secretKey": "devSecret"
        },
        "production": {
            "host": "example.com",
            "token": "{{$shared prodToken}}",
            "secretKey" : "prodSecret"
        }
    }

    http下面列出了上述环境变量在文件中的用法示例,请注意,如果切换到本地环境,version则将是v2;如果切换到生产环境,version则将是从$ shared环境继承的v1:

    GET https://{{host}}/api/{{version}}comments/1 HTTP/1.1
    Authorization: {{token}}

    更多功能:https://marketplace.visualstudio.com/items?itemName=humao.rest-client

    总结

    习惯了Postman ,但REST Client 确实是一个不错的工具,对于VS Code的忠实粉丝来说更是无可替代,。毕竟平时在进行协作开发时,在项目中增加一个 .http 接口请求文件,确实比重新打开一个软件要方便的多。

    发表评论:

    控制面板
    您好,欢迎到访网站!
      查看权限
    网站分类
    最新留言