搭建cdn要怎么配置(cdn 自建)

本文目录：

• 1、使用Cloudfront实现内容分发网络（CDN）的简单总结
• 2、linux怎么搭建cdn服务器
• 3、webpack使用HtmlWebpackPlugin进行cdn配置
• 4、如何搭建自己CDN服务器
• 5、cdn服务器最低配置要求
• 6、如何给VPS搭建的网站做国内CDN加速？

使用Cloudfront实现内容分发网络（CDN）的简单总结

前段时间，好几次，看到自己的网站不连不上了，但是别的网站却可以。而且，看到连接别人网站加载的资源时，不同区域加载的数据也来自于不同的ip，顿时感觉好牛逼。那他们怎么做到的？于是乎，经过搜索之后才知道，是别人用了平台的CDN服务（当然有的大公司可以自己搭建）。之后，我通过使用亚马逊的Cloudfront也实现了相似的效果，并将实践中遇到的问题总结下。

如何使用Cloudfront，可以参考官方文档 CloudFront 入门指南 。我实现的方式是在Cloudfront指定web源，并且设置CNAME，最后在域名解析时候相对应设置。

在配置过程中，遇到下面几个问题：

1、web资源加载不会缓存到浏览器中

解决的办法就是在 源服务器 的Nginx配置 Cache-Control ，如下：

2、加载的JS、CSS资源不压缩

解决办法：nginx需要添加gzip_proxied any; 才会生效，具体配置如下：

3、https通信中证书的问题

刚开始，我是用自己的证书进行HTTPS配置，然后将证书也上传到亚马逊后台，但是配置之后发现不能用。之后，在仔细理解HTTPS的逻辑和Cloudfront之后，发现其实配置特别简单，需要列举有两点：

linux怎么搭建cdn服务器

你是搭建自己CDN服务器吗？

一、CDN服务器搭建前准备（本文以LuManager来搭建CDN服务器）

二、LuManager CDN缓存加速创建教程

三、设置DNS域名解析启用CDN缓存加速访问

四、LuManager CDN加速访问效果

五、LuManager CDN高级缓存模式和删除缓存内容

以上是大体的步骤，要细节可以百度，有很多这方面的帖子！

你也可以去小鸟云，他们的服务器不错！可以试一下！

webpack使用HtmlWebpackPlugin进行cdn配置

其中build文件夹中的webpack.prod.conf.js是我们主要注意的文件,我们在该文件中动态设置不需要被打包的模块并构建出合适的链接。

在webpack项目中，所引入的第三方资源会被统一打包进vender文件中，我们通过webpack的 externals 属性可以设置打包时排除该模块，详情说明见 外部扩展(externals) 。

在前面的步骤中，我们创建的项目包括vue、vue-router，在正式开发在还会有ui库，如element-ui，为了方便演示，我们再安装element-ui和axios两个模块，并实现在构建是把这是个模块以cdn的形式引入。

注意安装时记得-S，它的作用是安装完后在package.json项目文件中插入记录，后续操作需要读取已安装模块

对于cdn，我们可以自己搭建，也可以使用专业的cdn服务商，这里使用免费的cdn bootcdn 。选用免费cdn有很多好处，但毕竟有隐患，那就是服务有可能会奔溃。

依次搜索出前面模块，结果如下

按照规律，得出cdn资源路径规则为

使用cdn其实也就是在webpack热启动和打包项目的时候动态插入script和style链接，为了方便维护，我们通过在build/utils.js文件上添加几个方法，将来在webpack.dev.conf.js和webpack.prod.conf.js上可以使用。

如果没有build/utils.js，可以在其他文件上添加，只要在后续步骤中能操作到就行

1.添加cdn根地址

2.添加cdn模块 按照需要删改

这里特别注意scope，它是webpack配置的external参数下的信息，比如vue的作用域命名是Vue，vue-router的作用域命名是VueRouter，element-ui的作用域命名是ELEMENT，同理，jq的作用域命名是JQuery，具体做法是先引入该资源，然后在控制台依次输入近似的值，一个个匹配(目前没找到更好的做法)。

3.添加获取版本号方法

4.导出不需要被打包的cdn模块配置重点

在webpack热启动本地调试的时候，我们可以使用cdn。

在build/webpack.dev.conf.js中，默认已经引入了utils.js，所以可以直接调用相关方法，如果是自定义的文件，记得引入。

紧接着我们在该文件下找到devWebpackConfig下的plugins下的HtmlWebpackPlugin插件，它的作用是动态构建html页面，原始配置如下：

我们可以往里面添加点自定义属性，方便在index.html中调用。，修改如下：

其中cdnConfig和onlyCss自定义属性，在html上通过htmlWebpackPlugin.options可以读取到。

更多html-webpack-plugin配置情况官网，这里暂时不需要更多。

webpack.prod.conf.js添加cdn配置和忽略模块

在打包的时候，我们使用cdn，配置和前面dev的差不多，只不过需要做多一步。

注意此处的externalModules，后面用到，也就是比dev多的步骤。

externals代表构建时不需要被处理的模块，也就是前面说的scope需要注意的地方。

和dev一样，我们修改webpackConfig下的plugins下的HtmlWebpackPlugin插件配置 (这里的默认配置比dev的多，主要是css压缩和js压缩相关)

加入和dev一样的两个配置，不过需要把onlyCss改为true，因为我们希望打包时不单单使用css。

webpack配置已经完成，在html-webpack-plugin中已经添加了相关参数，我们再在页面上可以直接使用，使用语法是ejs，和asp.net，jsp，php类似。

如何搭建自己CDN服务器

如果没有备案，就别做了，加速也没有意义。

CDN 高速缓存，你要有几个节点才行。没有的话不行

技术要求很高，我就知道原理

缓存静态文件

判断请求是否安全 和 WAF功能像

判断访问平率

很复杂

cdn服务器最低配置要求

主要看你的这个节点用户量已经是什么，有的需要多台服务器，有的只需要1台服务器就OK。

什么是cdn服务器

cdn服务器英语全名是Content DeliveryNetwork，汉语翻译为汉语就是说内容分发网络。应用CDN服务器访问网络会在Internet中再次架构一个新的网络构架，并开启独特的网络推送作用给用户的网络。那样做能够 挺大水平上处理网络访问的阻塞难题，提升网址回应的时间和速率。

cdn服务器的优点和原理

CDN服务器构建是一种新式的网络服务器搭建方法，是以便提升原来的网络架构服务项目，它是cdn服务器本身的实际意义所属。如果我们以理论的情况来讲解，那麼CDN服务器就是说一种根据品质和纪律的有关网络构架服务项目。事实上CDN服务器是一个详细的全面性网络系统软件，它包含了许多 特殊的程序模块。在其中包含分布式系统、三层交换机、网络恳求的跳转和内容监管4个关键的程序模块，内容监管和网络流量管理则是在CDN服务器中更为关键的2个作用。

如何给VPS搭建的网站做国内CDN加速？

什么是CDN？字面意思就是内容分发网络。CDN加速原理是在全国各地部署多种网络线路节点，当用户打开你的网站，CDN分发服务将用户访问分发到最近接点来处理，从而缩短响应延迟，减轻网站服务器压力。

网站CDN加速工作原理

现在了解了CDN的工作原理，接下来小编给就各位站长讲解，如何给你的网站部署CDN加速详细教程。

步骤一：选择合适的CDN加速

当你在服务器上搭建好自己的网站，只需要选择合适的CDN就可以为你的网站接入CDN加速了。现在市场上有免费CDN和收费CDN两种，免费CDN受限制太多，比如全国范围内节点少，加速效果不明显。在这里给大家推荐一款便宜的百度CDN官网收费版：

步骤二：添加网站域名

首先注册一个账号并登录，点击“立即体验”输入你的网站域名，账号有充足余额，即可将你的网站域名加入CDN。

步骤三：域名CNAME解析

要想使网站加入CDN加速生效，必须将你的网站域名（一般是主域名和www域名），做CNAME解析到CDN别名如下图：

做好CNAME解析后，你的网站接入CDN加速就算完成了，可以利用网站测速工具

【搭建cdn要怎么配置】内容来源于网络，若引用不当、侵权，请联系我们修正或者删除！