Web基础之http协议

Web基础之http协议

目录

• Web基础之http协议
  • http协议概述
  • 什么是URL
  • 什么是超文本传输协议
  • http的工作原理
  • HTTP数据包分析
  • 开发者工具Network
  • http的请求方法
  • HTTP的响应方法
    • • 响应中的状态码
  • HTTP协议原理总结
  • 用户访问网站集群架构流程
  • http相关术语

http协议概述

HTTP全称：Hyper Text Transfer Protocol 中文名：超文本传输协议

什么是超文本：

包含有超链接(Link)和各种多媒体元素标记(Markup)的文本。这些超文本文件彼此链接，形成网(Web)，因此又被称为网页(Web Page)。这些链接使用URL表示最常见的超文本格式是超文本标记语言HTML。

html文件->包含各种各样的元素（URL链接）->形成WebPage简称web页面

什么是URL

URL即统一资源定位符(Uniform Resource Locator)，用来唯一地标识万维网中的某一个文档。

URL由协议、主机和端口(默认为80)以及文件名三部分构成

URI只有在URL中的文件部分被称为URI

http://   zuoye.driverzeng.com:8888   /pic/1_oldboy_lnmp.jpg 
http协议      主机               端口    文件（URI）

什么是超文本传输协议

是一种按照URL指示，将超文本文档从一台主机(Web服务器)传输到另一台主机(浏览器)的应用层协议，以实现超链接的功能

将web01虚拟机上面的/var/www/html/下面的文本文件（代码文件）传输到浏览器中，即可生成网页

http的工作原理

访问：http://zuoye.driverzeng.com:8888/pic/1_oldboy_lnmp.jpg

1.浏览器去请求DNS服务器

1）请求local DNS（本地DNS），zuoye.driverzeng.com 绑定的IP 
2）请求223.5.5.5,13个根域  迭代查询.com   .driverzeng.com    zuoye.driverzeng.com   192.168.3.250

2.浏览器与192.168.3.250服务器的8888端口建立TCP连接

3.三次握手

1）浏览器向192.168.3.250发送SYN 
2）192.168.3.250回复ACK给浏览器，同时发送SYN给浏览器 
3）浏览器向服务器发送ACK确认建立连接

4.开始数据交流，浏览器使用 GET 方式请求 /pic/1_oldboy_lnmp.jpg

5.服务器在站点目录下/pic目里面找到 1_oldboy_lnmp.jpg 返回给浏览器

6.浏览器向服务器断开连接（四次挥手）

1）浏览器向服务器发送fin 
2）服务器接收fin并返回ACK 
3）服务器向浏览器发送fin（确定数据是否传输完成） 
4）浏览器向服务器发送ACK 
5）浏览器进入time_wait状态

**7.浏览器显示URL中的图片 **

HTTP数据包分析

请求头

包含的是发送的请求中的所有信息

1.GET /favicon.ico HTTP/1.1 
2.Host: www.qqyewu.com 
3.Connection: keep-alive 
4.User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML,like Gecko) Chrome/86.0.4240.198 Safari/537.36 
5.Accept-Encoding: gzip, deflate 
6.Accept-Language: zh-CN,zh;q=0.9

GET和HTTP之间有个空行：请求空行

响应信息

服务端给客户端（浏览器）的所有响应信息

1.HTTP/1.1 200 OK 
2.Content-Type: text/html 
3.Content-Encoding: gzip 
4.Last-Modified: Fri, 15 Nov 2013 21:51:25 GMT 
5.Accept-Ranges: bytes 
6.ETag: "80ac72d44ce2ce1:0" 
7.Vary: Accept-Encoding 
8.Server: Microsoft-IIS/7.5 
9.X-Powered-By: ASP.NET 
10.Date: Tue, 13 Jul 2021 03:02:41 GMT 
11.Content-Length: 1838

响应信息下面的空行：响应空行

响应主体

打开网站的页面主体（可能是加密代码信息）

开发者工具Network

使用方式：在浏览器中按f12即可打开

开发者工具中：

Elements是用于显示网页的内容信息

network中分别有：

基本信息

请求头

响应头

General：基本信息

# 请求的URL 
Request URL: http://zuoye.driverzeng.com:8888/ 
# 请求方法是 GET 
Request Method: GET 
# 状态码：200（正常响应）
Status Code: 200 OK 
# 服务器的远端的地址
Remote Address: 192.168.3.250:8888 
# referer的策略 
Referrer Policy: strict-origin-when-cross-origin

PS：referer就是从哪个页面跳转过来的

Response Headers:响应头

# 响应的信息大小：单位字节 
Accept-Ranges: bytes 
# 长连接，只建立一次连接就可以随意跳转（发送请求），不再重新建立TCP连接
Connection: Keep-Alive 
# 响应的内容长度 
Content-Length: 2633 
# 响应内容的类型；字符集 
Content-Type: text/html; charset=UTF-8 
# 日期（格林威治时间）
Date: Tue, 13 Jul 2021 03:19:44 GMT 
# 长连接的超时时间，最大范围 
Keep-Alive: timeout=5, max=100 
# 代码返回：记录上一次的修改时间 
Last-Modified: Fri, 04 May 2018 08:13:44 GMT 
# 该网页部署在服务器的系统版本，以及服务版本 
Server: Apache/2.4.6 (CentOS) PHP/5.4.16

Request Headers:请求头

# 允许服务端给浏览器传递哪些文本类型 
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng ,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9 
# 压缩 
Accept-Encoding: gzip, deflate 
# 语言 
Accept-Language: zh-CN,zh;q=0.9 
# 没有设置缓存 
Cache-Control: no-cache 
# 客户端长连接 
Connection: keep-alive 
# 请求的主机（域名） 
Host: zuoye.driverzeng.com:8888 
# 请求参数（没有缓存） 
Pragma: no-cache 
# 谷歌浏览器自带（不属于请求内容）
Upgrade-Insecure-Requests: 1 
# 客户端的信息（请求时，请求头会带着客户端信息）
User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1

http的请求方法

方法（Method）	含义
GET	请求读取一个Web页面（传递参数，在浏览器里可以看见）
POST	请求读取一个Web页面（传递参数看不见）
DELETE	删除
CONNECT	用于代理服务器
HEAD	请求读取一个Web页面的头部（调取请求头）
PUT	一般用于上传
TRACE	用于测试，要求服务器送回收到的请求
OPTION	查询特定选项

HTTP的响应方法

响应中的状态码

状态码	含义
200	成功
301	永久重定向（跳转）
302	临时重定向（跳转）
304	本地缓存
307	内部重定向（跳转）
400	客户端错误
401	认证失败
403	找不到主页，权限不足
404	找不到页面
500	内部错误
502	找不到后端主机
503	服务器过载
504	后端主机超时

HTTP协议原理总结

1.用输入域名 - > 浏览器跳转 - > 浏览器缓存 - > Hosts文件 - > DNS解析（递归查询|迭代查询）	
	客户端向服务端发起查询 - > 递归查询	
	服务端向服务端发起查询 - > 迭代查询
PS:将域名解析为ip是正向解析，将ip解析为域名是反向解析
2.由浏览器向服务器发起TCP连接（三次握手）	
	客户端 -->请求包连接 -syn=1 seq=x 服务端	
	服务端 -->响应客户端  syn=1 ack=x+1 seq=y 客户端	
	客户端 -->建立连接 ack=y+1 seq=x+1 服务端
3.客户端发起http请求：	
	1）请求的方法是什么: GET获取	
	2）请求的Host主机是: www.driverzeng.com	
	3）请求的资源是什么: /index.html	
	4）请求的端端口是什么: 默认http是80 https是443	
	5）请求携带的参数是什么: 属性（请求类型、压缩、认证、浏览器信息、等等）	
	6）请求最后的空行
4.服务端响应的内容是	
	1）服务端响应使用WEB服务软件	
	2）服务端响应请求文件类型	
	3）服务端响应请求的文件是否进行压缩	
	4）服务端响应请求的主机是否进行长连接
5.客户端向服务端发起TCP断开（四次挥手）	
	客户端 --> 断开请求 fin=1 seq=x --> 服务端	
	服务端 --> 响应断开 fin=1 ack=x+1 seq=y --> 客户端	
	服务端 --> 断开连接 fin=1 ack=x+1 seq=z --> 客户端	
	客户端 --> 确认断开 fin=1 ack=x+1 seq=sj --> 服务端

用户访问网站集群架构流程

1.客户端发起http请求，请求会先抵达前端的防火墙
2.防火墙识别用户身份，正常的请求通过内部交换机通过tcp连接后端的负载均衡，传递用户的http请求
3.负载接收到请求，会根据请求的内容进行下发任务，通过tcp连接后端的web，转发发用户的http请求
4.web接收到用户的http请求后，会根据用户请求的内容进行解析，解析分为如下：    
	静态请求:web直接返回给负载均衡->防火墙->用户    
	动态请求:web向后端的动态程序建立TCP连接，将用户的动态http请求传递至动态程序->由动态程序进行解析
5.动态程序在解析的过程中，如果碰到查询数据库请求，则优先与缓存建立tcp连接，并发起数据查询操作。
6.如果缓存没有对应的数据，动态程序再次向数据库建立tcp连接，并发起查询操作。7.最后数据由, 数据库->动态程序->缓存->web服务->负载均衡->防火墙->用户。

http相关术语

LAMP:Linux Apache Mysql PHP 
LNMP:Linux Nginx  Mysql PHP 
LAMT:Linux Apache Mysql Tomcat 
LNMT:Linux Nginx  Mysql Tomcat

PV:页面独立的浏览量 
UV:独立设备 
IP:独立IP

SOA松耦合架构
指将不同的功能单元（服务）进行拆分为多个模块，并通过这些服务之间定义良好的接口和契约联系起来。接口采用中立的方式进行定义的，它应该独立于实现服务的硬件平台，操作系统和编程语言。这使得构建在各种各样的系统中的服务可以以一种统一和通用的方式进行交互。

#一个电商公司，他的网站页面功能会有很多每个功能模块都是一个单独的页面，一个模块出现故障可以单独对故障模块进行处理    
注册    
登录    
首页    
详情页    
购物车    
价格标签    
留言    
客服    
支付中心