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

本文涉及的产品
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
云解析 DNS,旗舰版 1个月
简介: [前端必知 ]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

相关文章
|
1月前
|
缓存 监控 负载均衡
提升HTTP动态代理IP性能的最佳实践
在现代网络环境中,HTTP动态代理IP的优化配置至关重要。通过选择合适的代理类型(正向/反向代理)、配置缓存、使用负载均衡、加强安全配置(SSL/TLS加密、身份验证)、管理日志、性能监控、限制带宽、定期更新软件和优化用户体验(减少延迟、内容压缩),可以显著提升网络性能、安全性及用户满意度。根据具体需求灵活调整配置,实现最佳效果。
171 64
提升HTTP动态代理IP性能的最佳实践
|
3月前
|
前端开发 JavaScript 安全
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第27天】本文介绍了HTTP/2和HTTPS在前端性能调优中的应用。通过多路复用、服务器推送和头部压缩等特性,HTTP/2显著提升了Web性能。同时,HTTPS确保了数据传输的安全性。文章提供了示例代码,展示了如何使用Node.js创建一个HTTP/2服务器。
97 3
|
23天前
|
编解码 安全 网络安全
指纹浏览器中HTTP代理IP的重要性及使用原因
随着数字化发展,网络安全和隐私保护成为核心需求,指纹浏览器应运而生。它通过客户端信息唯一标识用户身份。搭配HTTP代理IP可增强安全性,具体表现为:1. 保护用户地址;2. 提高信息安全;3. 防止指纹检测;4. 增强网络安全。HTTP代理以其稳定性、安全性,在网络营销等领域发挥重要作用,二者结合为用户提供更强的隐私和安全保护。
88 34
|
23天前
|
定位技术 数据安全/隐私保护
合适的HTTP代理IP关键考虑因素与实用建议
随着互联网发展,使用HTTP代理IP的需求日益增加。选择优质HTTP代理IP时需注意:1. 速度和稳定性;2. 用户信息保护;3. 地域性;4. 带宽上限;5. 支持的协议;6. 客户支持;7. 用户评价和信誉;8. 价格和性价比。确保选择可靠的代理服务,满足业务需求。
112 18
|
2月前
免费HTTP代理IP对业务稳定性的影响关键因素分析
随着互联网发展,使用代理IP的需求增加。免费代理IP虽便捷,但对业务稳定性有负面影响:1. 网络连接不稳定,易中断;2. 频繁更换IP影响业务连续性;3. 性能差,速度慢、响应延迟高;4. 服务质量低,缺乏技术支持且存在不受控的限制。因此,选择代理服务时需谨慎评估其对业务的影响。
83 13
|
2月前
|
数据采集 安全 搜索推荐
HTTP代理IP纯净度 提升用户网络体验的核心竞争力
随着互联网发展,使用HTTP动态代理IP的需求日益增加。高纯净度的代理IP在隐私与安全、网络体验和业务运营方面至关重要。它能保护用户信息、提高数据安全性、确保访问速度和连接稳定,并提升业务效率与信誉度。
58 2
|
2月前
|
负载均衡 监控 安全
HTTP代理IP的安全与稳定技术与策略的结合
随着科技与互联网的发展,企业对代理的需求日益增长。为加强HTTP代理IP的安全性和稳定性,可采取用户教育、使用加密协议、定期更换IP、监控可用性、设置访问控制、负载均衡、配置防火墙及定期更新维护等措施。这些方法能有效提升代理服务的安全性和可靠性。
73 7
|
3月前
|
安全 网络协议 应用服务中间件
内网ip申请SSL证书实现https访问
内网IP地址虽不能直接申请公网SSL证书,但可通过IP SSL证书保障数据安全。流程包括:确定固定内网IP,选择支持内网IP的CA,注册申请证书,生成CSR,验证IP所有权,下载部署证书至Web服务器,测试HTTPS访问,确保配置正确及证书有效。此方法适用于内网环境,提升数据传输安全性。
内网ip申请SSL证书实现https访问
|
2月前
|
定位技术 数据安全/隐私保护
如何评估HTTP代理IP的性能?
随着互联网技术的发展,使用代理IP的人越来越多。选择HTTP代理IP时,需注意速度和稳定性、用户信息保护、地域性、带宽上限、支持的协议、客户支持、用户评价和信誉、价格和性价比等方面。希望这些建议能帮助大家做出合适的选择。
74 1
|
2月前
|
安全 UED
HTTP 代理 IP 使用中的速度与安全性的权衡
随着科技和互联网的发展,越来越多企业使用代理服务。本文介绍了用户使用HTTP代理IP后体验感变差的几个原因,包括延迟增加、带宽上限、服务器负载高、数据包丢失、安全性问题和兼容性问题。希望这些信息能帮助用户解决问题。
82 1

热门文章

最新文章

  • 1
    【Java若依框架】RuoYi-Vue的前端和后端配置步骤和启动步骤
  • 2
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 4
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 5
    详解智能编码在前端研发的创新应用
  • 6
    巧用通义灵码,提升前端研发效率
  • 7
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 8
    智能编码在前端研发的创新应用
  • 9
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 10
    抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目