CDN 原理入门,你学会了吗?

开发 前端
CDN 的 基本原理为反向代理,反向代理(Reverse Proxy)方式是指以代理服务器来接受 Internet 上的连接请求,然后将请求转发给内部网络上的服务器, 并将从服务器上得到的结果返回给 Internet 上请求连接的客户端,此时代理服务器对外就表现为一个节点服务器。通过部署更多的反向代理服务器,来实现 多节点 CDN 架构。

概述

CDN​ 的全称是 Content Delivery Network,即内容分发网络,基本思路是: 尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节, 使内容传输得更快更稳定。

图片

图片来源: https://www.researchgate.net/figure/Content-Delivery-Network_fig1_221632001

CDN 技术原理

CDN​ 的 基本原理为反向代理,反向代理(Reverse Proxy)方式是指以代理服务器来接受 Internet​ 上的连接请求,然后将请求转发给内部网络上的服务器, 并将从服务器上得到的结果返回给 Internet​ 上请求连接的客户端,此时代理服务器对外就表现为一个节点服务器。通过部署更多的反向代理服务器,来实现 多节点 CDN 架构。

CDN​ 主要使用了 负载均衡、动态路由​ 和 内容压缩 来提高其性能和可靠性:

• 分布式存储: 采用可扩展的系统架构,利用多节点、多位置、多种方式存储数据

• 负载均衡: 可以将流量均匀地分配到多个节点服务器上,从而避免某些服务器过度负载而导致响应时间延迟

• 动态路由: 可以根据网络流量和服务器负载情况来选择最优的路径和服务器来响应用户请求

• 内容压缩: 可以将内容文件压缩到更小的体积,以减少网络传输的时间和成本

简单地理解,CDN 就是客户端和真实服务器之间的一层高效的缓存。

传统网站访问过程

在说明 CDN​ 的技术优势之前,我们先来看看传统网站的 HTTP 请求 访问过程。大部分开发者应该都熟悉 HTTP 协议基础流程,下面以请求一个图片文件来举例说明。

1.客户端浏览器输入网址,如 https://www.example.com/logo.png

2.浏览器请求 DNS​ 服务器,查询 https://www.example.com/logo.png​ 对应的源服务器 IP 地址

3. DNS 服务器返回对应的 IP 地址

4. 浏览器向服务器发起 TCP 连接

5. 浏览器通过建立的 TCP​ 连接发送 HTTP 请求图片文件

6. 服务器向浏览器发送图片文件

7. 浏览器将接收到的图片文件渲染,完成本次请求

图片

传统网站访问过程

如果我们要加入 CDN 的话,是加到哪个步骤呢?

根据上面描述的步骤不难发现,从第 3 步开始,客户端浏览器就和真实的服务器开始建立连接了,连接建立完成后,客户端浏览器就直接从服务器获取数据, 这显然不是我们需要的,因为这样所有的客户端都会直接连接服务器,会严重增加服务器的负载。

我们再来看第 2 步,浏览器在访问真实的服务器之前,会先通过 DNS​ 查询域名对应源服务器的 IP​ 地址,如果 DNS​ 返回的是 CDN​ 服务器的 IP​ 地址, 那么后面的流程就会变为: 客户端浏览器就直接从 CDN​ 服务器获取数据,接下来的工作就会全部转交给 CDN 了,如何完成这项工作呢?

将域名 www.example.com 的 CNAME 记录解析到 CDN 服务商即可,CDN 服务商的 DNS 服务器也称为权威服务器 (细节请看上篇文章: DNS 原理)。

接入 CDN 网站访问过程

1. 客户端浏览器输入网址,如 https://www.example.com/logo.png

2. 浏览器请求 DNS​ 服务器,查询 https://www.example.com/logo.png​ 对应的服务器 IP 地址

3. 由于域名的 CNAME​ 记录解析到了 CDN​ 服务商,所以这里 DNS​ 服务器会返回 CDN​ 服务商提供的 CDN 节点服务器的地址

4. 浏览器向 CDN​ 节点服务器发起 TCP 连接

5. 浏览器通过建立的 TCP​ 连接发送 HTTP 请求图片文件

6. CDN​ 节点服务器使用内部专用 DNS​ 解析出域名对应的源服务器 IP 地址

7. CDN 节点服务器向源服务器发起TCP连接

8. CDN​ 节点服务器通过建立的 TCP​ 连接发送 HTTP 请求图片文件

9. CDN 服节点务器接收到图片文件后,在本地保存一份,作为缓存使用,减少源服务器的回源流量

10. CDN 节点服务器向浏览器发送图片文件

11. 浏览器将接收到的图片文件渲染,完成本次请求

图片

接入 CDN 网站访问过程

中央节点如何选择提供服务的 CDN 节点

一般会综合考虑以下几个方面:

  • • 网络成本
  • • 流量分布
  • • 源站负载
  • • 地理位置

这里以 地理位置 举例说明:

  1. 1. 用户访问 CDN​ 服务商的权威 DNS 服务器
  2. 2. DNS​ 服务器获取用户的 IP 地址
  3. 3. 根据用户 IP 地址查询用户所在地
  4. 4. 返回离用户最近的 CDN​ 节点的 IP​ 地址,比如用户离北京近,就返回北京的 CDN​ 节点的 IP 地址

图片

按照地理位置访问 CDN 节点过程

如何提高 CDN 缓存命中率

  • • 在流量高峰来临前,将热门资源提前预热到 CDN 节点
  • • 合理配置文件缓存过期时间,如将静态文件缓存过期时间设置为 1 个月甚至更久
  • • 消除 URL 中文件名称后面的参数,如 https://www.example.com/logo.png​ 和 https://www.example.com/logo.png?versinotallow=123 应该被视作同一个文件处理
  • • 超大文件设置分片回源策略,如 视频文件​, APP 安装包 等

不适合使用 CDN 的场景

  • • 请求客户端和服务器物理距离很近,比如同机房、同机架的内网服务
  • • 用户分布在同一地理区域,如同城服务、本地门户网站
  • • 动态文件或接口,比如更新很频繁的文件,使用 CDN 反而会增加响应耗时

数据如何回源

还是以刚才的 https://www.example.com/logo.png​ 为例,CDN 节点服务器会先把这张图片缓存起来,下次有相同的请求到达时,直接返回缓存的图片,从而减少回源流量。

这里提到的 缓存​ 是一个很复杂的功能,下面是阿里的 HTTP 缓存服务器,名字叫 Swift。

图片

阿里 - CDN 节点

图中是一个 CDN​ 节点,用户的请求从 LVS​(LVS是一个四层的负载均衡组件)的入口来,先由 LVS​ 做一次 4 层的负载均衡, 然后转到一台 Tengine​(阿里在 Nginx​ 的基础上开发的服务器)上,Tengine​ 做一致性哈希,选择一台 Swift 服务器去做缓存数据回源。

图片

阿里 - Swift 架构

首先可以看到,Swift​ 是一个多线程的程序,每个线程启动一个 epoll​ 来充分发挥多核的处理能力,并且尽量减少线程间的上下文切换,一个请求尽量在一个线程处理。除此之外,还能看到 内存缓存,SSD 缓存,SATA 缓存。Swift​ 有热点淘汰和提升机制,将热文件放在内存里,次热文件放在 SSD 上,最后才是 SATA 盘。叔度 (阿里 CDN 负责人) 指出,Tengine​ 和 Swift​ 是通过 Spdy 协议 来通信的,从而优化 HTTP 的传输效率。

小结

CDN 的原理是: 基于分布式架构,通过将源服务器上的内容分发到多个节点服务器上,使用户能够从最近的服务器中获取所需内容。这些节点服务器被称为 边缘服务器,它们通常位于不同的地理位置,并通过高速互联网连接互相交换数据。用户通过接入离他们最近的 边缘服务器 来获取所需的内容,从而降低了响应时间和延迟,提高了网站的访问速度。

Reference

  • • 如何自建低成本 CDN ?[1]
  • • 阿里云 - DCDN[2]
  • • 阿里云 - 提高CDN缓存命中率[3]
  • • 腾讯云 - CDN[4]
  • • 腾讯云 - SCDN[5]
  • • 百度百科 - CDN[6]
  • • CDN的原理以及其中的一些技术[7]

引用链接

[1]​ 如何自建低成本 CDN ?: ​​https://www.v2ex.com/t/877718​

[2]​ 阿里云 - DCDN: ​​https://www.aliyun.com/product/dcdn?spm=5176.7933777.J_3207526240.59.329a496e4a1hku​

[3]​ 阿里云 - 提高CDN缓存命中率: ​​https://help.aliyun.com/document_detail/123330.html​

[4]​ 腾讯云 - CDN: ​​https://cloud.tencent.com/product/cdn​

[5]​ 腾讯云 - SCDN: ​​https://cloud.tencent.com/product/scdn​

[6]​ 百度百科 - CDN: ​​https://baike.baidu.com/item/内容分发网络/4034265​

[7]​ CDN的原理以及其中的一些技术: https://colobu.com/2016/09/23/CDN-introduction/

责任编辑:武晓燕 来源: 洋芋编程
相关推荐

2023-03-30 08:26:31

DNSTCPUDP

2023-05-05 06:54:07

MySQL数据查询

2023-10-06 14:49:21

SentinelHystrixtimeout

2022-10-24 09:55:32

ESLintJavaScript

2022-11-02 07:37:07

WebAssembl浏览器服务器

2023-04-14 09:04:07

测试TDBF单元测试

2024-03-12 08:37:32

asyncawaitJavaScript

2023-03-10 22:08:20

2024-01-19 08:25:38

死锁Java通信

2024-02-04 00:00:00

Effect数据组件

2023-01-10 08:43:15

定义DDD架构

2023-07-26 13:11:21

ChatGPT平台工具

2024-01-02 12:05:26

Java并发编程

2023-08-01 12:51:18

WebGPT机器学习模型

2024-03-01 08:13:45

Shell编程解释器

2022-08-09 08:25:44

Stream创建流流计算

2023-01-30 09:01:54

图表指南图形化

2024-07-31 08:39:45

Git命令暂存区

2024-05-06 00:00:00

InnoDBView隔离

2023-12-12 08:02:10

点赞
收藏

51CTO技术栈公众号