Web基础之http协议

时间  2021-08-14
标签 html 前端 web sql 数据库 编程 后端 浏览器 缓存 bash 栏目 HTML 繁體版
原文   原文链接

Web基础之http协议

目录

http协议概述

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

什么是超文本：前端

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

html文件->包含各类各样的元素（URL连接）->造成WebPage简称web页面sql

什么是URL

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

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

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

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

img

什么是超文本传输协议

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

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

http的工做原理

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

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服务->负载均衡->防火墙->用户。

img

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

img

#一个电商公司，他的网站页面功能会有不少每一个功能模块都是一个单独的页面，一个模块出现故障能够单独对故障模块进行处理    
注册    
登陆    
首页    
详情页    
购物车    
价格标签    
留言    
客服    
支付中心
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程