[前端必知 ]HTTP or TCP/IP 基础

本文涉及的产品
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
.cn 域名,1个 12个月
简介: [前端必知 ]HTTP or TCP/IP 基础

写在前面的话

网上已经有很多不错 有关HTTP 文章, 此文为记录学习HTTP

最近在项目开发中,对于HTTP 这块比较懵,来补补基础吧!

学习HTTP的同时,有必要了解下TCP/IP协议族。

通常使用的网络都是在TCP / IP 协议族的基础上运作,而且HTTP 属于TCP/IP的一个子集。

TCP / IP

TCP/IP 协议族

不同硬件与操作系统之间通信有需要有一定规则来约束,这样可以统一沟通的条件。T

TCP / IP 是互联网相关各协议族的总称,它不只是 单纯的 指 TCPIP协议,

它有 FTP , SNMP , HTTP , PPPoE........ 组成的 协议族。

TCP/ IP 分层

TCP / IP 协议族 按层次分为 4 层: 应用层 , 传输层 , 网络层, 数据链路层

应用层

作用: 应用层决定了向用户提供应用服务时通信的活动。

TCP / IP 协议族内预存了各类通用的应用服务。

例如: FTP(文件传输协议) DNS(域名系统)HTTP

传输层

作用: 两台计算机之间的数据传输,服务于应用层。

在传输层有两个性质不同的协议: TCP(传输控制协议) UDP(用户数据协议)

网路层

作用: 用来处理在网络上流动的数据包,以何种方式传递给对方。

数据包是网络传输的最小数据单位。

网络层 决定了 通过什么样的方式把数据包传递给对方。

网络层 最重要的功能是: 路由数据包。它会根据网络上路由IP, 网络拥塞情况,选择一条最合适的路由路线,以最快的速度将数据包传递给对方。

数据链路层

作用: 用来处理连接网络的硬件部分。

硬件上的范畴均在链路层的作用范围之内

网络异常,图片无法展示
|
image.gif 编辑

TCP / IP 通信传输流

采用 TCP / IP 协议进行网络通信时, 客户端(发送端) 会从应用层 往下走, 一层 一层的传输, 每进入一层,被被打上标记序号以及端口号, 当客户端 走完 自己的 4 层时, 会进入 服务端(接收端) ,它是按 链路层 然后 一层一层 往上走, 每进入一层, 取消一个 标记序号, 直到顶层(应用层),这时, 服务端才接收到了 客户端服务端

发送的请求。

服务端客户端 发送请求,和之前的顺序相反。

服务端(应用层----------> 数据链路层)

客户端(数据链路层 ---------------> 应用层)

image.gif编辑

HTTP 相关的协议

负责传输的IP协议

IP : 它是网际协议,它位于网络层。

作用: 把各种数据包传递给对方。

要保证可以 把数据包准确的传递给对方,有两个条件:

IP 地址: 它标明了要传递到对方的 ip 地址。

MAC 地址: 它是指网卡的固定地址。

IP 和 MAC 是验证 一个身份的 关键

IP 地址 可以 和 MAC 地址 进行匹配,IP 地址可以更换,但MAC 地址基本不会更换。

计算机于计算机之间通信时,它不会直接查找到对方IP的,中间过程会经历 设备中转,在进行中转的同时,它 会 采用 ARP 协议 来 推出 IP 地址的 MAC 地址,经过多次中转最终找到对方的 MAC 地址, MAC 地址 于 IP 地址匹配, 成功的建立了连接。


ARP : 它是一用来解析地址的协议。根据对方IP地址可以反查出对应的MAC 地址

image.gif编辑

确保可靠性TCP 协议

TCP 位于传输层, 提供可靠的字节流服务。

字节流服务 : 为了方便传输,它会将大块数据分割成 以报文段为单位的数据进行管理。

为了可靠的安全的可以传递给对方数据, TCP 采用 三次握手策略,

SYN 同步序列编号ACK 确认字符

第一次握手 : 发送端会发送一个带有 SYN 标志的数据包给对方。

第二次握手 : 对方(接收端)收到发送端 发送过来的 SYN 包, 回传一个带有 SYN / ACK 标志的包 来标识接收成功。

第三次握手 : 发送端 回传一个 ACK 包 表示 握手接收

TCP 为何要三次握手呢?

第一次握手: 客户端 向 服务端 发送请求

第二次握手 : 服务端 接收 客户端发来的请求,进行处理。

前 两次握手 已经实现 请求处理过程,那么为什么还是需要 建立第三次握手呢?

如果不进行 第三次握手 , 假如,第一次握手 , 客户端由于网络原因,请求延迟发送, 你以为 这样就结束了请求,但网络节点正常后,它还会发送这个请求,这是一个早已失效的报文;第二次握手,服务端 接收到 客户端发送过来的 延迟请求,但此时客户端没有发送任何数据,而服务端还在等候 客户端, 造成了资源浪费。


第三次握手是为了防止已经失效的连接请求报文段突然又传到服务端,因而产生错误。

image.gif编辑

让三次握握手 更生动

在恋爱关系中,就是 确定 一下, A 是否 为 单相思,

如果不三次握手, B 早已和别的男朋友........ 而 A 还在 苦苦 等待 B 的接受。

干嘛不三次握手嘛

A 向 B 表白了;

B 收到 A 的 表白了, B 要回应 A ,我不喜欢你

A 收到 了 B 回应, 让他 脱离了 单相思

网络异常,图片无法展示
|
image.gif 编辑

负责域名解析DNS 服务

DNS 服务 和HTTP 协议 都位于应用层协议。

作用 : 提供域名IP 地址解析服务。

DNS 协议提供通过域名查找IP 地址, 也可以通过IP 地址反查 域名

HTTP 与 各种协议之间的关系

HTTP 与上面各个协议之间 串联起来 理解各个协议个作用。

image.gif编辑

图片来源 HTTP图解

URI 与 URL

什么是URI URL

URI 统一资源标识符。

URI 是 Uniform Resource Identifier 的缩写

Uniform 统一格式

Resource 可标识资源

Idetifier 可标识对象,标识符

URI 用字符串 标识 互联网资源, 而URL 表示资源地点。


URL 统一资源定位符, 这个相信大家已经很了解了。

URI 格式

image.gif

目录
相关文章
|
4月前
|
机器学习/深度学习 人工智能 网络协议
TCP/IP五层(或四层)模型,IP和TCP到底在哪层?
TCP/IP五层(或四层)模型,IP和TCP到底在哪层?
79 4
|
4月前
|
缓存 前端开发 UED
前端常见的HTTP状态码
【4月更文挑战第6天】HTTP状态码是服务器对请求的响应状态,分为1xx(处理中)、2xx(成功)、3xx(重定向)、4xx(客户端错误)和5xx(服务器错误)五大类。常见的如200(成功)、404(未找到)、500(服务器内部错误)。理解这些状态码有助于优化前端应用的请求处理和调试。
107 1
|
2月前
|
缓存 网络协议 网络性能优化
网络协议详解:TCP/IP与HTTP
【7月更文挑战第24天】TCP/IP协议和HTTP协议是现代互联网通信的重要基石。TCP/IP协议提供了计算机之间数据传输和通信的底层支持,而HTTP协议则在此基础上实现了超文本数据的传输。随着互联网的不断发展,TCP/IP协议和HTTP协议将继续发挥重要作用,为各种网络应用提供稳定、高效的通信服务。
|
2月前
|
前端开发 NoSQL 数据库
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改
|
3月前
|
前端开发 计算机视觉
视觉智能开放平台操作报错合集之人脸对比1:1,采用web前端直接调用,使用了base64处理图片,提示http错误码414,该如何处理
在使用视觉智能开放平台时,可能会遇到各种错误和问题。虽然具体的错误代码和消息会因平台而异,但以下是一些常见错误类型及其可能的原因和解决策略的概述,包括但不限于:1. 认证错误、2. 请求参数错误、3. 资源超限、4. 图像质量问题、5. 服务不可用、6. 模型不支持的场景、7. 网络连接问题,这有助于快速定位和解决问题。
|
3月前
|
编解码 自然语言处理 算法
技术心得:前端学HTTP之字符集
技术心得:前端学HTTP之字符集
26 0
|
4月前
|
JSON 前端开发 搜索推荐
BoostCompass( http_server 模块 | 项目前端代码 )
BoostCompass( http_server 模块 | 项目前端代码 )
52 4
|
4月前
|
网络协议 Linux Windows
TCP/IP、Http、Socket之间的区别
TCP/IP、Http、Socket之间的区别
115 3
|
4月前
|
JSON 前端开发 JavaScript
第三章 前端发起HTTP请求
第三章 前端发起HTTP请求
|
4月前
|
前端开发 JavaScript 安全
第十篇 Axios最佳实战:前端HTTP通信的王者之选
第十篇 Axios最佳实战:前端HTTP通信的王者之选
197 0