使用Chrome+Postman进行接口调试

时隔多年,又重新看了一遍闪灵

失眠中 -_-#

开发过程中经常需要进行接口调试,测试完毕才能交接前端使用,调试过程中,发现了Postman这个神器,在配合Chrome控制台的情况下,能完美应付大部分情况下的调试工作

在此,记录下调试过程

工具

嗯,这节是废话

Chrome: 这个星球最好的浏览器我们都需要有一个

Postman: 这个有Chrome插件版App版,我是使用了后者

使用方法

Postman介绍

简单的介绍一下Postman

个人觉得,Postman是一个特别特别好的产品:

  • 能模拟常用的HTTP请求,包括GET,POST等等,用于调试现在流行的RESTful接口相当方便
  • 支持多种授权认证方式
  • 支持历史记录,收藏,分享等功能

(软广在博客内容前部添加,括号里内容记得删掉)

Postman界面.png

界面很简洁,常用的功能已经标注,这就是平时最多使用的功能了

使用Postman调试GET接口

使用GET请求获取Applysquare网站主页.png

GET请求很简单,就不说了

使用Postman调试POST接口

这里主要是POST过程中会遇到CSRF问题,解决方法就是获取到合法的CSRF Token,然后添加到POST请求的Header中

这个部分是因网站而异的,很多网站都很难在不熟悉的情况下完成POST请求,不过我们又不是黑客,只是想安心调试下自己的接口而已,那么下面提到的所有信息理论上我们都能拿到的

我自己遇到的情况是这样:

1、我需要向localhost:8000/ajax/g地址POST一段JSON数据,但是会遇到403 Forbidden, CSRF 验证失败

2、首先使用合法账户登录到localhost:8000,这里有一点需要注意,一般脑子正常的网站,都是在login之后直接跳转到网站首页的,所以,在Chrome控制台中,将Preserve log选项打勾,这样在登录后直接跳转到首页的过程中,不会丢失POST请求的日志,否则只会看到最后一个请求也就是一个GET主页的请求的日志

Chrome控制台.png

3、在控制台中找到login/,将其中Request HeadersCookieCSRF等内容添加到Postman的请求头中

4、在Postman中Authorization中选择合适的Auth type,输入对应的合法用户信息

5、再次执行步骤1,理论上能完成POST过程

文末悄悄吐个槽,简书的文章限制是5M,但是又不支持外链图片,每次用外链图片都会发布失败,好伤感,好看的截图和照片不能随心所欲的上传到文章中

欢迎来我自己的GIthub.io页面玩~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,544评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,991评论 19 139
  • 在web和移动端开发时,常常会调用服务器端的接口进行数据请求,为了调试,一般会先用工具进行测试,通过测试后才开始在...
    倔强的潇洒小姐阅读 7,888评论 2 8
  • 接口调试之痛 传统浏览器访问URL只能发送GET请求,想发送POST、HEAD、PUT等请求时,想想就觉得尴尬; ...
    CodingFarmer浩阅读 2,281评论 0 8
  • 1 我是若果果。 那天我和伦书清去看<<致我们终将逝去的青春>>,看到郑薇知道陈孝正要出国时痛哭流涕,我伏在他耳边...
    冷小茶阅读 677评论 15 18