【后端】CDN内容分发网络
目录
- 简介
- 使用
简介
CDN（Content Delivery Network，内容分发网络） 是一种分布式服务器网络，用于加速网站内容的加载速度，提高用户体验，并减少服务器负载。
CDN 通过全球多个数据中心（称为 节点），将网站的静态资源（如图片、CSS、JS、视频）缓存到离用户最近的服务器，从而加快访问速度。
- CDN优点
| 优势 | 说明 |
|---|---|
| 加速网站加载 | CDN 让用户从最近的节点加载资源，而不是从远程服务器获取，提高访问速度。 |
| 减少服务器压力 | CDN 缓存静态资源，减少源服务器的带宽占用和负载。 |
| 抗 DDoS 攻击 | CDN 分布式架构可以缓解大规模攻击，提高网站安全性。 |
| 高可用性 | 如果某个 CDN 节点宕机，流量会自动切换到其他节点，保证网站可用性。 |
| 跨国访问优化 | 适合全球用户访问，CDN 在世界各地部署节点，减少跨国访问的延迟。 |
- CDN提供商
| CDN 服务商 | 特点 |
|---|---|
| Cloudflare | 免费版可用，支持 DDoS 保护和 HTTP/2。 |
| AWS CloudFront | 与 AWS 兼容，适合企业级应用。 |
| Akamai | 全球最大的 CDN 服务商之一，适合高流量站点。 |
| Google Cloud CDN | 与 Google Cloud 集成，支持 QUIC/HTTP3。免费套餐： 针对小型网站和测试用途，Google Cloud CDN 提供每月最多 5GB 的数据传输量，超出部分将按标准费用计费。 |
| Alibaba Cloud CDN | 适合中国市场，优化国内访问。 免费试用： 阿里云为新用户提供免费试用，包括固定额度的 CDN 中国内地下行流量包，具体流量额度和有效期可能因活动而异。 |
- 工作原理
用户请求资源（如 example.com/style.css）。
CDN 查找最近的缓存节点：
如果该节点已经存有 style.css，直接返回资源（缓存命中）。
如果没有缓存，则向源服务器请求资源，并缓存一份供未来使用（缓存未命中）。
用户从最近的 CDN 节点加载资源，提高加载速度，减少服务器压力。
使用
- 引用公共库（如 jQuery、Bootstrap） CDN 可以托管流行的前端库
<!-- jQuery CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- Bootstrap CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
优势：
不占用本地服务器带宽。
浏览器可能已经缓存了 CDN 资源，提高加载速度。
CDN 通常比自己服务器更快、更稳定。
- 使用自己的 CDN 托管静态资源
如果你有自己的服务器或云存储（如 AWS S3、阿里云 OSS），可以用 CDN 分发静态文件：
<img src="https://cdn.example.com/images/product.jpg" alt="Product">
这里 cdn.example.com 是你的 CDN 域名，它会自动缓存 images/product.jpg 并优化加载。
- 通过 CDN 代理整个网站
有些 CDN（如 Cloudflare）可以代理整个网站：
注册 Cloudflare 账户。
修改 DNS 解析，将 example.com 指向 Cloudflare。
启用缓存、自动 HTTPS、DDoS 保护等功能。
这样，整个网站的静态资源、API 请求都会通过 CDN 提速。