Iwen's blog Iwen's blog
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • Linux
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
复盘
关于

Iwen

不摸鱼的哥哥
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • Linux
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
复盘
关于
  • 技术文档

    • Git使用手册
    • Markdown使用教程
    • npm常用命令
    • 简单地聊聊CDN原理作用及实现方法
    • npm packageJson属性详解
    • yaml语言教程
  • GitHub技巧

  • Nodejs

  • 博客搭建

  • Linux

  • 技术
  • 技术文档
Mr.w
2020-12-07

简单地聊聊CDN原理作用及实现方法

# 简单地聊聊CDN原理作用及实现方法

相信只要会网上冲浪的都会接触到CDN吧,今天我们来聊聊对CDN的理解,给大家作为参考,本文将会以简单的描述来解释相关原理,供大家理解,希望相关专业同学进行补充哦。

# 1.什么是CDN (opens new window)

CDN是Content Delivery Network的缩写,即内容分发网络。我们先从字面意思进行理解,内容即我们在网页上请求的内容;分发,即将内容分发下去;网络,即针对网络模型进行操作。简单来说CDN就是将网站上内容先发布到离用户最近的网络节点上,这样当你请求该网站内容时,便可以快速响应,优化相应速度。

# 2.CDN的原理 (opens new window)和作用

在聊到CDN之前,我们先简单聊聊网络请求的简单模型,这里不聊OSI模型的相关知识。当我们在浏览器中输出网址时,浏览器首先会将该网址发送到DNS服务器来获取该域名的ip地址,得到ip地址之后,再利用ip地址访问站点服务器,然后站点服务器发送回网页内容。当然中间过程十分复杂,这里就不过多讲解。

简单地聊聊CDN原理作用及实现方法

CDN将用户和站点服务器的连接切开,加入了一个新的缓存区,用户获取内容不是直接通过站点服务器,而实通过访问CDN节点来获取网页内容。简单的流程就是,首先用户发送访问请求,智能调度DNS为用户分配适合的CDN节点的ip地址,用户利用该ip地址来获取CDN节点上的内容。CDN节点的内容由站点服务器进行发送,CDN节点再给用户发送内容的同时,也在缓存服务器本地保存了相关内容供下一次用户进行访问。

简单地聊聊CDN原理作用及实现方法

加入CDN之后解决了以下问题:

  1. 从技术上解决了服务器因为带宽小,访问人数多,造成访问速度过慢得问题;
  2. 提高服务器的安全性;
  3. 改善网络的服务质量,提高网站服务的承载能力,提高用户访问网站的相应速度。

# 3.如何如何设置开通设置CDN

由于我是用的是阿里云的服务器,所以用阿里云为例。阿里的学生服务器带宽为1M(现在可以选5m的轻量应用服务器),如果只是用来构建博客应该是没有问题的,由于我的博客基本上没有什么访问量,所以也不需要使用CDN,阿里云及其他云提供商也提供了免费的CDN设置教程,这里就不过多讲解了。

# 4.总结

对于个人博客这类网站而言,访问量不大,可能不需要CDN服务,本期内容主要是为大家简单讲解一下CDN的原理,当然其中很多内容都没有讲到,有兴趣的同学可以多看些资料进行学习。最近特殊时期,希望大家尽量呆在家里,保护好自己哦~

# 转载 (opens new window)

npm常用命令
npm packageJson属性详解

← npm常用命令 npm packageJson属性详解→

最近更新
01
flex布局页面自适应滚动条问题
12-28
02
前后端分离开发请求接口跨域如何携带cookie的问题
12-28
03
怎么实现div长宽比固定width-height4比3
12-28
更多文章>
Theme by Vdoing | Copyright © 2017-2022 Iwen | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式