HTTP入门之请求与响应& curl 命令使用

追梦玩家
1,111 阅读2分钟

这是我参与8月更文挑战的第15天，活动详情查看8月更文挑战

前言

本文将带大家熟悉 curl 命令的使用，了解 HTTP 的请求与响应，是怎样的？下面，就开始我们的入门之旅吧。

curl命令的使用

GET请求

curl -s -v -H "xxx: yyy" -- "https://www.baidu.com"

这里简单说明一下，一些参数：

  • -s 不要显示进度条
  • -v 要显示请求和响应
  • -H 添加响应头
  • www.baidu.com 请求的网站
  • "xxx: yyy"可以不用写的,下同

不知道为什么在windows下先把要下载的内容放在前面，还有其他东西还特别多，这里就展示重要的内容

image.png 上面图片中出现的*代表是注释，>代表的是请求的内容，<代表的是响应的内容

请求的内容：

请求的内容含义
GET / HTTP/1.1获取根目录,使用协议是HTTP1.1
Host: www.baidu.com请求的网址
User-Agent: curl/7.70.0用的软件是curl/7.70.0,发起请求
Accept:  /接受你返回的所有内容
xxx: yyy上面命令有的这个,下面请求的内容也会显示这个
回车

响应的内容：

响应的内容含义
HTTP/1.1 200 OK协议是HTTP,版本号是1.1 状态码是200 状态解释是OK
Content-Length: 2443响应内容的长度
Content-Type: text/htmlContent-Type标注响应内容的格式
回车

POST请求

curl -X POST -s -v -H "xxx: yyy" -- "https://www.baidu.com"

请求的内容：

> POST / HTTP/1.1
> Host: www.baidu.com
> User-Agent: curl/7.70.0
> Accept: */*
> xxx: yyy
>

响应的内容：

< HTTP/1.1 302 Found
< Connection: keep-alive
< Content-Length: 17931
< Content-Type: text/html
< Date: Sun, 22 Aug 2021 13:51:31 GMT
< Etag: "54d9748e-460b"
< Server: bfe/1.0.8.18
<

POST请求带数据

curl -X POST -d "1234567890" -s -v -H "xxx: yyy" -- "https://www.baidu.com"

请求的内容：

> POST / HTTP/1.1
> Host: www.baidu.com
> User-Agent: curl/7.70.0
> Accept: */*
> xxx: yyy
> Content-Length: 10
> Content-Type: application/x-www-form-urlencoded
>

响应的内容：

< HTTP/1.1 302 Found
< Connection: keep-alive
< Content-Length: 17931
< Content-Type: text/html
< Date: Sun, 22 Aug 2021 13:54:05 GMT
< Etag: "54d9748e-460b"
< Server: bfe/1.0.8.18
<

HTTP请求

HTTP请求的格式(包含的部分)

部分内容
第1部分动词 路径 协议/版本
第2部分Key1: value1
第2部分Key2: value2
第2部分Content-Type: application/x-www-form-urlencoded
第2部分Host: www.baidu.com
第2部分User-Agent: curl/7.70.0
第3部分
第4部分要上传的数据

PS.

  • 请求最多包含4部分，最少包含3部分(第4部分可以为空)
  • 第3部分永远都是一个回车(\n)，分隔第2部分和第4部分
  • 动词有GET(获取) POST(上传) PUT(整体更新) PATCH(局部更新) DELETE(删除) HEAD OPTIONS等
  • 这个的路径包含「查询参数」，但不包括「锚点」,跟URL的不同
  • 如果你没有写路径,那么路径默认为/，如果你请求的网址是www.baidu.com/s?wd=hello,那么路径是/s?wd=hello
  • 第 2 部分中的 Content-Type 标注了第 4 部分的格式

用 Chrome 开发者工具查看 HTTP 请求内容

打开浏览器,右键点击检查/按F12，打开Chrome 开发者工具

image.png 在浏览器的地址栏输入网址

image.png

在Network点击查看Request Headers，点击「view source」，看到请求的前三部分

image.png

image.png

image.png 如果(POST)才有请求的第四部分，那么在FormData或 Payload 里面可以看到。

HTTP响应

HTTP响应的格式(包含的部分)

部分内容
第1部分协议/版本号 状态码 状态解释
第2部分Key1: value1
第2部分Key2: value2
第2部分Content-Length: 2443
第2部分Content-Type: text/html
第3部分
第4部分要下载的内容

PS.

  • 状态码要背，是服务器对浏览器说的话
    • 1xx 不常用
    • 2xx 表示成功(200 普通成功,204 创建成功(POST))
    • 3xx 表示滚吧(301永久搬走了，第二部分会告诉新地址；302暂时搬走了(临时不存在)，我还会回来这里哒；304这次的内容和上一次说的内容一样，都是一种类型的滚)
    • 4xx 表示你丫错了
    • 5xx 表示好吧，我错了
  • 状态解释没什么用
  • GET 请求和 POST 请求对应的响应可以一样，也可以不一样

用 Chrome 开发者工具查看 HTTP 请求内容

过程跟请求类似,这里就不多说啦,不同之处已经加粗了

  1. 打开浏览器,右键点击检查/按F12，打开Chrome 开发者工具
  2. 在浏览器的地址栏输入网址
  3. 在Network点击查看 Response Headers，点击「view source」,看到请求的前三部分
  4. 查看 Response 或者 Preview，你会看到响应的第 4 部分

image.png

文中如有错误，欢迎在评论区指正，如果这篇文章帮助到了你或者喜欢，欢迎点赞和关注。

avatar
文章
阅读
粉丝