对于前端工程师,测试ajax接口有什么好方法?

前后台通过ajax接口或是jsonp接口协作时,需要对接口进行测试,特别是后台没有写接口文档的情况下。

我目前都是修改js代码,做对应假数据作为参数,然后在chrome控制台查看返回值等。这样效率相对比较低。

有没有什么好的方法方便前端工程师去做ajax接口测试呢?比如很方便的修改参数,查看返回值等?而不是修改js代码,最好是隶属于前端的工具,或是浏览器插件等。

也可能是我们前端常用的工具,只是我们没有发觉的黑科技呢?前端兄弟们,都是怎么测试ajax接口的呢?为了提高基于接口的前端开发效率,一起讨论交流哈。

阅读 12k
17 个回答

试试Chrome的应用 postman

本地搭nginx,反向代理到后端接口地址进行调试

chrome不是已经实现fetch了吗

可以试试 firefox浏览器下的RESTClient插件。参见链接:http://blog.csdn.net/fuyifang/article/de...

测试post请求
1、添加Headers,在Headers菜单中选择Custom Header进行添加,如下图:
图片描述

2、测试post请求,如下图的步骤:
图片描述

如果是其他浏览器。可以使用这个在线测试的HTTP 在线测试。
http://www.sojson.com/httpRequest/,支持跨域,写入请求头,支持各种HTTP请求类型,我用着感觉挺好的!
跨域需要自己写头信息,也可以写入Cookie等信息,保持一个Session回话!
图片描述

chrome dhc
也是类似于postman的一款工具

chrome app : postman 3,神器是也!

不知道现在下载的postman是版本2还是3(我一直用的3),楼主下载的时候需要注意!

相对比较大的阿里的rap,简单的postman就够用了

新手上路,请多包涵

一般都是postman,nginx转发也行。
webpack打包的的话,webpack-dev-server也有proxy。

restful风格的接口的话必须要用json-server.一个db.json文件启动mockserver,关键是可以使用watch选项,数据都能实时更新。或者是寥寥数行js生成数万条随机数据。

postman+1,谷歌应用商店有下载

测试测试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏