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

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

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

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

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

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


chrome不是已经实现fetch了吗


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


chrome app : postman 3,神器是也!

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


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

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


postman


Postman +1


试试Chrome的应用 postman


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


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


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

测试测试


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


http://ecomfe.github.io/edp/
推荐使用


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

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

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


浏览器的话,就用Postman就可以了,神器
如果是Mac的话,有一个软件叫做Paw,也是神器
上一个Paw的链接:Paw HTTP Client for Mac 2.1.0 破解版 – Mac上实用的HTTP请求测试工具(有钱的话,还是买正版吧)
Postman的链接也来一个:Postman:一款功能强大的网页调试与发送网页HTTP请求的Chrome插件


postman

【热门文章】
【热门文章】