【效率工具】之前后端联调-接口调试工具-PostWoman等(二)

1,782 阅读2分钟

这是我参与更文挑战的第 8 天,活动详情查看: 更文挑战

前文介绍了 【效率工具】之 接口调试工具-Insomnia -,- 当然有很多深受大家欢迎的工具,比方说 postmanpostwoman>>hoppscotch

仅当参考,按需食用,不足之处,欢迎各路大佬不吝赐教,补充完善,欢迎分享


  • 工欲善其事,必先利其器。实践(巧偷懒)促进科技发展
  • 本文分享在项目开发中前后端联调时使用的一些接口调试工具,助你开发提效

1. 如名好看的 Postwoman github-stars-hoppscotch

现在叫做 Hoppscotch

Update: 16th August 2020 Postwoman is now Hoppscotch 原地址:github.com/liyasthomas… 会自动跳转到 github.com/hoppscotch/… 其中应该有什么原因吧,不明觉厉

1.1 在线版本 & 源码

【在线体验】: hoppscotch.io

【github源码】: github/hoppscotch

postwoman-hoppscotch-inline

【主题设置】: 还可以设置自己喜欢的几个主题,如下图: hoppscotch-theme-setting

1.2 Chrome 浏览器插件: Hoppscotch Browser Extension

【插件地址】:chrome web store - extension

hoppscotch-postwoman-chrome-extension

【插件预览】: google-web-store-chrome-extension-Hoppscotch-preview

2. postman

Postman 是一个非常受欢迎的 API 接口调试工具,提供有 Chrome扩展 插件版和独立的 APP,不过它的很多高级功能都需要付费才能使用。

另一个缺点就是感觉比较麻烦啦!在不同平台需要安装不同的客户端,比如: WindowsMac OS

3. 接口调试工具 插件版

当然上面介绍的两款调试工具 对应也都有 Chrome相应的插件,方便了许多,个人还是比较喜欢颜值担当的 Insomnia 的!!

3.1 Vsocde 插件

3.1.1 RREST Client

插件如下图

rest-client-vscode

【使用方法】

  1. 新建 example.http 输入请求地址: https://www.baidu.com/
  2. ctrl + shift + p 输入命令 rest client, 找到 send request

rest-client-vscode-send

【请求结果】

rest-client-vscode-send-res

3.2 Chrome 插件

3.2.1 Talend API Tester

【插件地址】:Google Chrome web store(需学\科上网) Talend API Tester

google-talend-api-tester

插件使用截图:

talend-api-tester


当然好用的插件很多很多,这里列举部分插件,仅作参考,抛砖引玉,

这些都是可以根据自己需求来定制的, 可以大大提高码字效率,有没有 get 到呢?

欢迎评论出你的私藏插件=,=

今日份预告明天更新:

说完了 前后端接口调试工具, 计划更新常用的 前端数据模拟接口工具 mock service

【剧透一下】: 号称下一代 mock api 工具 -- Mock Service Worker

【被墙】Mock Service Worker 文档

还是挺简单的,特别容易上手,敬请期待! hahah