41.HTTP协议

已于 2024-04-07 13:59:42 修改
阅读量836 收藏 17
点赞数 20
分类专栏： 从零教你学Web前端 文章标签： http 网络协议 网络 经验分享 笔记 学习 前端
于 2024-01-31 11:34:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kylincsg/article/details/135948686
版权

上章已了解Express框架基础，实战演练各类Web功能。然而，Express强大背后，HTTP协议才是根基。本章将从Express出发，探秘支撑其运作的HTTP原理，以期理论实践并重，提升开发深度与广度。

目录

第1章：HTTP协议简介

1.1 HTTP协议是什么

在这里插入图片描述

协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则。
HTTP（hypertext transport protocol）协议也叫超文本传输协议，是一种基于TCP/IP的应用层通信协议，这个协议详细规定了浏览器和万维网服务器之间互相通信的规则。
客户端与服务端通信时传输的内容我们称之为报文。
HTTP就是一个通信规则，这个规则规定了客户端发送给服务器的报文格式，也规定了服务器发送给客户端的报文格式。实际我们要学习的就是这两种报文。客户端发送给服务器的称为“请求报文”，服务器发送给客户端的称为“响应报文”。

1.2 Fiddler

1.2.1 简介

Fiddler是一个http协议调试代理工具，使用它我们可以抓取网页的所有请求与响应，也就是咱们俗称的抓包。

1.2.2 安装

在这里插入图片描述在这里插入图片描述在这里插入图片描述

1.2.3 使用

当你打开fiddler工具时，它就会自动抓取浏览器的数据包。

在这里插入图片描述
如何查看报文呢？

在这里插入图片描述

如何停止自动抓包呢？
  点击左下角的capturing，当它消失时会停止抓包。再次点击时它会出现，开始自动抓包。

在这里插入图片描述

1.3报文

1.3.1 报文格式

在这里插入图片描述

1.3.2 请求报文

1. 报文格式
  1. 请求首行；
  2. 请求头信息；
  3. 空行；
  4. 请求体；
2. GET请求
GET http://localhost:3000/index.html?username=sunwukong&password=123123 HTTP/1.1
Host: localhost:3000
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9
  1. GET http://localhost:3000/hello.html HTTP/1.1：GET请求，请求服务器路径为http://localhost:3000/hello.html，?后面跟着的是请求参数（查询字符串），协议是HTTP 1.1版本
  2. Host: localhost:3000：请求的主机名为localhost，端口号3000
  3. Connection: keep-alive：处理完这次请求后继续保持连接，默认为3000ms
  4. Pragma: no-cache：不缓存该资源，http 1.0的规定
  5. Cache-Control: no-cache： 不缓存该资源 http 1.1的规定，优先级更高
  6. Upgrade-Insecure-Requests: 1：告诉服务器，支持发请求的时候不用http而用https
  7. User-Agent: Mozilla/5.0 (...：与浏览器和OS相关的信息。有些网站会显示用户的系统版本和浏览器版本信息，这都是通过获取User-Agent头信息而来的
  8. Accept: text/html,...：告诉服务器，当前客户端可以接收的文档类型。q 相当于描述了客户端对于某种媒体类型的喜好系数，该值的范围是 0-1。默认为1
  9. Accept-Encoding: gzip, deflate, br：支持的压缩格式。数据在网络上传递时，可能服务器会把数据压缩后再发送
  10. Accept-Language: zh-CN,zh;q=0.9：当前客户端支持的语言，可以在浏览器的工具选项中找到语言相关信息
3. POST请求

POST请求要求将form标签的method的属性设置为post

在这里插入图片描述

POST请求是可以有请求体的，而GET请求没有请求体

POST http://localhost:3000/index.html HTTP/1.1
Host: localhost:3000
Connection: keep-alive
Content-Length: 34
Pragma: no-cache
Cache-Control: no-cache
Origin: http://localhost:3000
Upgrade-Insecure-Requests: 1
Content-Type: application/x-www-form-urlencoded
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Referer: http://localhost:3000/form.html
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9
Cookie: Webstorm-129da853=8726c2d8-3b88-48b8-8db0-dd82e62fb79a

username=sunwukong&password=123123
1)Origin: http://localhost:3000：请求来源于 http://localhost:3000
2)Content-Type: application/x-www-form-urlencoded：提交数据的方式
3)Cookie: Webstorm...：cookie信息
4)username=sunwukong&password=123123：请求体内容！对应form表单输入的内容
  1. Origin: http://localhost:3000：请求来源于 http://localhost:3000
  2. Content-Type: application/x-www-form-urlencoded：提交数据的方式
  3. Cookie: Webstorm...：cookie信息
  4. username=sunwukong&password=123123：请求体内容！对应form表单输入的内容

1.3.3 响应报文

1. 报文格式
  1. 响应首行；
  2. 响应头信息；
  3. 空行；
  4. 响应体；
2. 报文分析
HTTP/1.1 200 OK
X-Powered-By: Express
Accept-Ranges: bytes
Cache-Control: public, max-age=0
Last-Modified: Wed, 21 Mar 2018 13:13:13 GMT
ETag: W/"a9-16248b12b64"
Content-Type: text/html; charset=UTF-8
Content-Length: 169
Date: Thu, 22 Mar 2018 12:58:41 GMT
Connection: keep-alive

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <h1>这是我的第一个服务器</h1>
</body>
</html>
  1. HTTP/1.1 200 OK：协议是HTTP 1.1版本，请求响应成功
  2. X-Powered-By: Express：自定义的头，表示用的框架，一般不返回容易造成安全漏洞。
  3. Accept-Ranges: bytes：告诉浏览器支持多线程下载
  4. Cache-Control: public, max-age=0：强制对所有静态资产进行缓存，即使它通常不可缓存。max-age指定多久缓存一次
  5. Last-Modified: Wed, 21 Mar 2018 13:13:13 GMT：这个资源最后一次被修改的日期和时间
  6. ETag: W/"a9-16248b12b64"：请求资源的标记/ID
  7. Content-Type: text/html; charset=UTF-8：返回响应体资源类型
  8. Content-Length: 169：响应体的长度
  9. Date: Thu, 22 Mar 2018 12:58:41 GMT：提供了日期的时间标志，说明响应报文是什么时间创建的
3. 响应状态码

响应码对浏览器来说很重要，它告诉浏览器响应的结果。

  1. 200：请求成功，浏览器会把响应体内容（通常是html）显示在浏览器中；
  2. 301：重定向，被请求的旧资源永久移除了（不可以访问了），将会跳转到一个新资源，搜索引擎在抓取新内容的同时也将旧的网址替换为重定向之后的网址；
  3. 302：重定向，被请求的旧资源还在（仍然可以访问），但会临时跳转到一个新资源，搜索引擎会抓取新的内容而保存旧的网址；
  4. 304：请求资源未被修改，浏览器将会读取缓存；
  5. 404：请求的资源没有找到，说明客户端错误的请求了不存在的资源；
  6. 500：请求资源找到了，但服务器内部出现了错误；

1.4 get和post区别

  1. GET使用URL或Cookie传参，而POST将数据放在BODY中。
  2. GET方式提交的数据有长度限制，则POST的数据则可以非常大。
  3. POST比GET相对安全，因为数据在地址栏上不可见。

1.4.1 常见的get请求

  1. url地址栏发送请求
  2. 点击a标签发送请求
  3. Form表单没有填写（method: post）时发送的请求

1.4.2 常见的post请求

  1. Form表单method: post时发送的请求

文档持续更新中…

下一篇：请求报文、响应报文、常见端口号

Kylincsg
关注
  • 20
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTTP协议 - HTTP The Definitive Guide
07-12
Part I. HTTP: The Web’s Foundation 1. Overview of HTTP 3 HTTP: The Internet’s Multimedia Courier 3 Web Clients and Servers 4 Resources 4 ...For More Information 41 3. HTTP Messages 43
HiveJDBC41.jar
11-21
6. **性能优化**：随着Hive版本的升级，HiveJDBC41.jar也引入了性能优化，例如支持HiveServer2的HTTP/HTTPS协议，减少网络延迟，提高查询效率。 在分布式计算环境Cloudera中，HiveJDBC41.jar被广泛应用于数据分析和...
apache-tomcat-9.0.41.rar
02-07
- **HTTP/2支持**: 集成了对HTTP/2协议的支持，提供了更快的数据传输和更高效的连接管理。 - **SSL/TLS增强**: 提供了更多的SSL配置选项，以满足现代安全标准。 3. **Windows 10 上的部署**: - **解压并配置**: ...
网络协议3-41
03-25
8. **HTTP协议**（第14章）：超文本传输协议是我们浏览网页、访问在线服务的基础，描述了客户端和服务器之间如何交换数据。HTTP/1.x和HTTP/2在性能和头部压缩等方面有所区别，HTTPS则提供了加密的安全通信。 9. **...
jdbc-mysql-connector-j-8.0.31.jar jdbc-sqljdbc41.jar
02-08
JMeter作为一个强大的性能测试工具，支持多种协议，包括HTTP、FTP、JDBC等。在接口自动化测试场景下，JDBC采样器（JDBC Sampler）是核心组件，它可以发送SQL查询或命令到数据库服务器，并获取结果。在JDBC ...
HTTP 协议浅析
yimeixiaolangzai的博客
07-23 1141
HTTP 是一种无状态的、基于请求和响应模式的应用层协议。无状态意味着每次请求都是独立的，不依赖于前后的请求。客户端（通常是浏览器）发起请求，服务器处理请求并返回响应。
05 HTTP & Tomcat & Servlet
weixin_62504976的博客
07-22 1156
HTTP概念HyperText Transfer Protocol，超文本传输协议，规定了浏览器和服务器之间数据传输的规则数据传输的规则指的是请求数据和响应数据需要按照指定的格式进行传输如果想知道具体的格式，可以打开浏览器，点击F12打开开发者工具，点击Network来查看某一次请求的请求数据和响数据具体的格式内容在浏览器中如果看不到上述内容，需要清除浏览器的浏览数据。chrome浏览器可以使用ctrl+shift+Del进行清除所以学习HTTP主要就是学习请求和响应数据的具体格式内容。
网络访问(Socket/WebSocket/HTTP)
Cary_cacb的博客
07-23 828
HarmonyOS为用户提供了网络连接功能，具体由网络管理模块负责。通过该模块，用户可以进行Socket网络通滚、WebSocket连接、HTTP数据请求等网络通信服务。需要注意的是，在使用网络管理模块提供的网络数据通信服务之前，用户需要根据具体的使用情况，向系统获取相应的使用权限。
JDK HttpClient - Java 11 可用的 JDK 内置的 HTTP 客户端
成富的专栏
07-22 1091
在 Java 应用的开发中，发送 HTTP 请求是一个常见的需求。应用在开发时，通常会使用流行的开源第三方库作为 HTTP 客户端，如 Apache HttpClient 或 OkHttp 等。这里介绍的是 JDK 自带的 HttpClient 实现，Java 11 可用。说到这里，还在用 Java 8 的朋友不用着急划走，Java 8 的下一个 LTS 版本就是 Java 11 了，没准什么时候...
如何使用Python的http.server模块（或Flask/Django的简化版本）实现一个简单的HTTP服务器，能够处理GET和POST请求
2402_85246552的博客
07-23 411
对于更复杂的HTTP服务器需求，如处理路由、模板渲染、数据库交互等，你可能会选择使用Flask或Django这样的Web框架。以下是Flask和Django的简化示例，用于处理GET和POST请求。请注意，Django的视图函数通常需要与URLconf（URL配置）相结合才能工作，而且Django项目需要更复杂的设置和初始化步骤。模块本身并不直接支持POST请求的解析，你需要自己手动解析POST数据。每种方法都有其适用的场景和优势，你可以根据自己的需求选择最适合的工具。来解析简单的URL编码的表单数据。
计算机网络之http和https的区别（外加http详解）
m0_62569064的博客
07-20 1393
主要对比了https和http的区别，然后详解的对比http1.0 http1.1 和SPDY，http2.0这几次的升级的点
Air780EP-AT开发-HTTP应用指南
合宙Luat官方账号
07-22 980
1、激活PDP（参考：http://oldask.openluat.com/article/937）2、初始化HTTP服务3、设置HTTP会话参数4、如果要支持SSL，配置SSL参数5、如果使用POST命令，输入POST数据6、发起HTTP请求7、收到HTTP应答，读取应答数据8、终止HTTP服务第1步出现异常后：首先需要排查http连接和请求参数是否正常，通过postman是否可以请求成功，模块上网是否正常（AT+CEREG?第2步到第5步，只要输入格式正确，基本不会出问题；
HarmonyOS网络请求的简单用法，HttpUtil简单封装
张雨的博客
07-23 421
【代码】HarmonyOS网络请求的简单用法，HttpUtil简单封装。
八股文学习第二天| HTTP请求报文和响应报文是怎样的，有哪些常见的字段？，HTTP有哪些请求方式？,GET请求和POST请求的区别?
m0_67804957的博客
07-23 368
答：HTTP报文分为请求报文和响应报文。（1） 请求报文 请求报文主要由请求行、请求头、空行、请求体构成。请求头的字段较多，常使用的包含以下几个：Host：请求的服务器的域名。Accept：客户端能够处理的媒体类型。Accept-Encoding：客户端能够解码的内容编码。Authorization：用于认证的凭证信息，比如token数据。Content-Length：请求体的长度。Content-Type：请求体的媒体类型。Cookie：存储在客户端的cookie数据。
测试面试宝典（二十二）——http和https的区别
zhanghaiou07657的博客
07-22 575
HTTP 的连接相对简单，客户端向服务器发送请求后，服务器响应请求，连接随即关闭。HTTPS 在建立连接时需要进行更多的握手和验证步骤，以确保双方的身份和加密通信的有效性。例如，在进行网上银行交易或涉及个人隐私信息的传输时，必须使用 HTTPS 以确保安全。HTTP 是明文传输，数据在网络中传输时不进行加密，容易被窃取和篡改。由于 HTTPS 增加了加密和解密的过程，相对 HTTP 来说，会有一定的性能开销，但随着技术的发展，这种影响在逐渐减小。而 HTTP 不需要证书。
@RequestParam和@PathVariable 处理 HTTP 请求参数的注解
xiexf20230814的博客
07-24 420
可解析前端get请求路径后以问号拼接的参数,查询参数是 URL 后面的问号 (// 在这里，name 和 age 将从 URL 的查询参数中获取。将 URL 路径中的变量绑定到控制器方法的参数上。可以设置参数是否是必需的（使用。) 后跟的一系列键值对,
requests中的http连接
最新发布
qq_42591591的博客
07-24 487
最近的学习内容中涉及到服务端和客户端的数据传输。主要的背景是我要从服务端获取数据，进行进一步的处理。前期看了一些关于Socket中TCP连接的方法，同样也可以进行通信。但这里的服务端使用的是HTTP，所以在获取服务端的数据时，这里还是使用的是requests中的http连接。
我去，怎么http全变https了
qq_17105113的博客
07-19 8949
HTTP的。
HTTP/1.1、1.2、1.3详细信息和主要区别
阿牛哥的博客
07-23 573
HTTP/1.1：持久连接和管道化，解决了基本的性能问题，但仍然存在队头阻塞。HTTP/2：二进制分帧和多路复用，大幅提升性能，但仍然受限于 TCP 的队头阻塞。HTTP/3：基于 QUIC，解决了队头阻塞问题，进一步优化了连接建立和数据传输效率。这些协议版本的改进都是为了适应现代 Web 的需求，提高页面加载速度和传输效率。可以关注和应用 HTTP/2 和 HTTP/3 的特性，以便为用户提供更好的体验。
qzhttp-2.38.41
09-18
qzhttp-2.38.41是一个特定的协议版本号，可能是指网络通信过程中使用的HTTP协议版本。 HTTP（Hypertext Transfer Protocol）即超文本传输协议，是一种用于传输超媒体文档（例如HTML）的协议。它是Web上数据传输的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值