一般我们选用CDN加速服务会用到第三方CDN服务,也有利用服务器自建CDN软件工具。当然,我们还可以用到Nginx Web反代的方式实现缓存加速页面,实现CDN加速的方式。具体的操作如下。
第一、部署前的准备
这里,我们需要准备2台或者以上的服务器。而且可以分布不同的地区。比如A和B,A在美国,使用WordPress,IP地址:1.2.3.4,域名绑定:www.itbulu.com。B在日本,空白网站,IP地址:2.3.4.5,域名绑定:static.itbulu.com。
网站主站架设在A服务器上(即所有网站内容,包含动态文件、数据库等),我们将在B站上架设CDN服务。
第二、程序安装
由于A站上已经将服务环境架设好,网站也已经正常运行,同时也无需在A站上进行多余操作,故此,所有操作未进行说明均表示B站进行。
首先,自建CDN这里选择的是ngx_cache_purge这一模块,要运行这个模块,就需要服务器上安装有Nginx,若之前安装过的,重新安装一次,加上参数即可。
下载相关软件:
wget http://nginx.org/download/nginx-1.10.3.tar.gz
wget http://labs.frickle.com/files/ngx_cache_purge-2.3.tar.gz
tar zxf nginx-1.10.3
tar zxf ngx_cache_purge-2.3.tar.gz
安装Nginx:
cd nginx-1.10.3
./configure –prefix=/usr/local/nginx –user=www –group=www –add-module=../ngx_cache_purge-2.3
因为各人需求不同,所以这里只是写了ngx_cache_purge模块,若有其他需求请自行参考nginx编译参数
make && make install
验证ngx_cache_purge安装:
/usr/local/nginx/sbin/nginx -V
若出现了“–add-module=../ngx_cache_purge-2.3”字样表示已经安装完成
Nginx配置:
打开nginx.conf文件,在HTTP区域中添加如下内容
proxy_connect_timeout 5;
proxy_read_timeout 60;
proxy_send_timeout 5;
proxy_buffer_size 16k;
proxy_buffers 4 64k;
proxy_busy_buffers_size 128k;
proxy_temp_file_write_size 128k;
proxy_cache_path /data/wwwroot/static.itbulu.com levels=1:2 keys_zone=cache_one:200m inactive=30d max_size=5g;
proxy_temp_path /data/wwwroot/static.itbulu.com/tmp;
注意上面的“/data/wwwroot/static.itbulu.com”,这是B站的网站路径
打开网站配置文件,在添加或修改如下内容,将静态文件进行缓存
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|flv|mp4|ico|js|css)$ {
proxy_pass https://www.itbulu.com;
proxy_redirect off;
proxy_set_header Host www.itbulu.com;
proxy_cache cache_one;
proxy_cache_valid 200 302 304 365d;
proxy_cache_valid 301 1d;
proxy_cache_valid any 1m;
add_header Images-Cache “$upstream_cache_status from $host”;
add_header Pragma public;
add_header Cache-Control “public, must-revalidate, proxy-revalidate”;
access_log off;
log_not_found off;
expires max;
}
最后重新载入下Nginx,当以后访问static.itbulu.com时,B站会先检查本地是否有缓存,若缓存存在则直接展示,若不存在则会访问www.itbulu.com,将资源保存下来进行展示。
第三、网站程序配置
现在CDN架设好了,但是要怎样使用到网站上呢?
主站所有静态资源域名必须是static.itbulu.com
static.itbulu.com域名必须正确指向B站
WordPress替换法
如果网站使用的是WordPress程序,那可以很方便的对资源进行操作,其实也无需操作,就是把静态资源域名进行更改即可,反正CDN会自动拉取资源到本地!
打开本站模板函数文件“function.php”,在其中添加如下代码
if ( !is_admin() ) {
add_action(‘wp_loaded’,’lovekk_ob_start’);
function lovekk_ob_start() {
ob_start(‘lovekk_cdn_replace’);
}
function lovekk_cdn_replace($html) {
return str_replace(‘https://www.itbulu.com/wp-content/uploads/’, ‘http://static.itbulu.com/wp-content/uploads/’, $html);
}
}
若本站安装有缓存插件,将缓存先清空一次,然后尝试打开网站,若uploads目录下所有静态资源均指向static.itbulu.com域名,且访问正常,说明已经安装正常。
本文出处:老蒋部落 » 利用Nginx反向代理功能自建CDN加速页面服务 | 欢迎分享( 公众号:老蒋朋友圈 )