各位仔仔们好,今天水果姑娘给大家介绍一个能让前端和后端相爱的利器———Postman
系统提示:如果您不想和前端(后端)相亲相爱的话,请您退出本页面(开玩笑的,还真退出啊…别…别走啊)
看到这个,很多程序媛和很多程序猿是不是听了特别开心
哈哈,那有请我们的Postman隆重的登场
奏国歌,升国旗(咦,画风不对,受学校影响太深,同时也表示本姑娘特别爱国,hhhh)
Ok,当您看到ok的时候,时间已经过去了一分钟,毕竟时间就是金钱,咱们赶紧进入正题
一、Postman怎么安装
1、介绍postman
(1)为什么说postman是前端和后端相爱的利器呢?
原因: Postman是一款功能强大的网页调试和模拟发送HTTP请求的Chrome插件,支持几乎所有类型的HTTP请求,操作简单且方便。
对于前端来说:书写前端逻辑未开始前,用于验证后端api的正确性和服务器返回的数据结构。
对于后端来说:当在书写接口的时候,用于验证调试自己写好的接口。
简单来说:就是后端需要它验证自己的接口是否正常,服务是否畅通正常通信,前端需要它模拟数据请求,ajax最为典型,查看json等数据结构是否有错,服务器是否开启服务,供自己调试。
不管是前端还是后端,用好了Postman,可以避免很多肢体上的冲突,所以说好处还是大大滴。
2.安装postman
Postman 的官网下载地址是:https://www.getpostman.com/
如果还有仔仔不会安装的话,办法就是 自己想办法, 毕竟自己独立学习才能学到东西。
下载好了之后,打开界面是介样子的(Ps:Windows下安装啊)。
二、Postman怎么使用
1、新建一个Request Post请求
(1) 下载好之后,会看到一个弹框功能提示。
Request:模拟各种HTTP Request,例如常用的GET、POST、再到Restful API的PUT等。
Collection(测试集合):是request的请求集合,当你在做完一个测试后,可以把这次的request存到特定的collection里,这样,下次再做同样的测试时,就不需要再次重新输入了。
(2)第二种方法就是点击New新建Resquest请求也是一样的
一般来说所有的HTTP Request都分为4个部分:URL、Method、Headers、Body。
2、设置http请求方法,添加请求信息
(1)设置http的请求方法和设置api的请求地址(我这里设置的是get方法,仔仔们根据需要来)
(2)如果是get则请求参数直接写在url后,用?连接 如果是post则请求添加在body中
(3)点击“send”发送请求
温馨提示:请求的时候测试接口如果是在本地跑的,电脑的网是插的网线的话,会像我一样请求接口不成功。如果接口是已经部署在服务器上的话,是不会出现这个问题的。
关于不同请求方法的字段说明:
Authorization:身份验证,主要用来填写用户名密码,以及一些验签字段;
form-data:对应信息头-multipart/form-data,它将表单数据处理为一条消息,以标签为单元用分隔符分开。既可以上传键值对,也可以上传文件(当上传字段是文件时,会有Content-Type来说明文件类型);
x-www-form-urlencoded:对应信息头-application/x-www-from-urlencoded,会将表单内的数据转换为键值对,比如name=zhangsan;
raw:可以上传任意类型的文本,比如text、json、xml等;
binary:对应信息头-Content-Type:application/octet-stream,只能上传二进制文件,且没有键值对,一次只能上传一个文件;
3、 点击Send后,就可以在PostMan上直接看到你接口response的数据,PostMan会自动将内容按照Json格式显示出来,当然你还可以看到Status Code和所花费的时间。
(Ps:因为我请求不成功的原因,所以问度娘要了一张图,仅供大家参考)
三、后续
本姑娘还是博客的新朋友,写的不好不全的地方请各位仔仔们多多包涵,同时不懂的地方或者是错误的地方希望各位仔仔能积极留言、批评指正,同时我也是刚接触前端的新人,有好的资料或者是学习方法希望有仔仔能分享给我,本姑娘感激不尽,希望各位仔仔能越来越棒,早日成为IT界的大神!
最后送给大家一个我的座右铭:今天尽力做的,虽然辛苦,但未来发生的,都是礼物。