阿里云OSS+CDN设置,实现WordPress动静分离,提高wordpress加载速度
一直对OSS和CDN配合设置来加速不太明白,网上也搜索了很多资料,说法不一。捣鼓了一天终于理顺了步骤。差点就放弃了。
这里主要是针对阿里云的OSS和CDN的设置来讲解，估计其他网站，比如腾讯、七牛云的设置应该都差不多。这个网站是才用wordpress搭建。OSS和CDN设置好后，我再说下wordpress搭建的网站如何用插件来使用。
文章从上往下，是依次设置的步骤。
1.创建Bucket
进入阿里云网站，找到“对象存储OSS”，创建一个Bucket
填写相关信息，这里注意一下，地域要选择和你服务器一个地方。OSS选择和你服务器同一个服务商，你服务器在阿里云，就在阿里云设置OSS和CDN，原因是可以走内网流量。
读写权限要选择“公共读”
我没有注明的选项，保持默认即可，因为那些服务都是收费的~
2.Bucket设置
创建完成后，进入刚才创建的Bucket
点Bucket名称进入
首先设置CDN加速域名，传输管理-域名管理
点击绑定域名
设置你网站的二级域名。前缀随便写，比如cdn.xxxx.com
然后配置这个CDN加速域名
进入后，什么都不用设置，直接点下一步，会返回域名管理
然后去自己的域名解析里面，给这个二级域名添加CNAME解析，解析添加后，过会就会生效。
CDN加速域名设置就完成了。
3.镜像回源
接下来继续回到自己创建的Bucket。选择基础设置---镜像回源
这里务必注意，镜像回源地址是你的网站主域名，不是刚才设置的那个CDN域名。比如我的网站是www.danlong360.com 我就填写这个网址。
进行到这里。OSS和CDN的配置就完成了。下面就是网站调用了
4.Wordpress通过插件开启CDN加速
我网站插件用的是wordpress大牛“我爱水煮鱼”开发的WPJAM，这个插件里面有CDN加速扩展
这里的目录和扩展名是对应关系。上面的扩展名都是指你设置的缓存目录里面的文件。
WordPress主要是图片。这里的目录我就设置成了图片的默认目录wp-content/uploads. 如果你还想缓存其他目录，可以继续添加选项。
图片设置和水印设置，大家根据自己需要来设置。这个没有难度。
远程图片这里，这个插件我测试了下，这里好像没有效果。
这里远程图片的意思，就是你发表文章的时候，如果你文章内的图片不在你服务器上，插件会自动保存到OSS存储里，然后调用OSS里面的地址。
因为这个选项我设置不起作用，所以我找了另一款插件来弥补这个功能。
我安装的是这款插件。
这个插件的作用就是将我们文章里面不属于服务器的图片存到服务器里。因为我们OSS里面设置了镜像回源。如果OSS发现文章里面的图片不在服务器上，就会自动上传到OSS里面并且调用出来。
这么说有点绕，简单来说，就是你发表文章的时候，是复制粘贴别的网站图片，那么这个插件会自动处理上传，不用你另外再单独上传到服务器里面了。
总结
上面就是OSS+CDN的设置。看起来挺复杂的，昨天捣鼓了一天才搞明白。不过按我上面顺序操作下来，应该问题不大。
这里还有几个坑，大家要注意下。
- OSS和你网站的服务器最好在一家，这样就会走内网流量。如果在不同网站，那么流量也是花钱的
- 如果你的网站是https协议。那么你设置的CDN域名也要配置成https，一般这些服务商都提供免费证书，按提示配置下就可以。
- OSS存储和CDN流量是分别付费的。这里建议OSS直接买一年的。40G一年应该是9块钱。CDN流量如果是小网站，流量不大，可以选择按流量计费，很便宜。平均下来，一月也就几块钱。
- OSS存储里面的镜像回源填的是你网站主域名 比如https://www.danlong360.com 不是那个二级CDN域名。按我的理解，这个回源的原理是这样的，用户通过CDN访问到你网站，OSS发现某张图片不在OSS里面。比如这张图片是1.jpg。那么就会用到镜像回源。回源到https://www.danlong360.com. 通过这个域名就可以完整访问到1.jpg，然后进行下载回传到OSS里面去。
