En este tutorial, te voy a mostrar como crear tu propio servidor CDN para hacer offloading de recursos usando NGINX.
Antes de empezar, me gustaría aclarar algunas cosas. Cuando le digo CDN a esto, no es tal en su totalidad, porque no voy a montar una red de servidores de contenido, va a ser solo un servidor, que lo voy a usar para hacer offloading de recursos Web.
Si repasamos el uso de una CDN, si, efectivamente, se usa para sacarle carga a los WebServer, pero también, para que el contenido esté disponible de manera distribuida. Si tenés visitantes de regiones dispersas, tal vez te va a resultar más barato y fácil contratar un servicio de CDN como el Akamai.
Empecemos
Esta CDN va a correr en Ubuntu Server y vamos por lo sencillo, instalemos NGINX.
apt install nginx -y
Una vez instalado, vamos a generar el archivo de configuración del webserver de esta manera:
vi /etc/nginx/sites-available/cdn.tudominio.com
Esta es la configuración que usé:
server {
listen 80;
server_name cdn.cduser.com; #Acá va la dirección de tu CDN.
location ~* .(gif|jpg|jpeg|png|wmv|avi|mpg|mpeg|mp4|htm|html|js|css|mp3|swf|ico|flv)$ {
expires max;
proxy_set_header X-Real-IP $remote_addr;
proxy_pass http://wordpress.cduser.com; #Acá va la dirección de tu sitio.
proxy_ignore_headers X-Accel-Expires Expires Cache-Control;
proxy_store /var/www/cache$uri;
proxy_store_access user:rw group:rw all:r;
}
}
Luego, lo que vamos a hacer es un sym link del archivo de configuración.
ln -s /etc/nginx/sites-available/cdn.dominio.com /etc/nginx/sites-enabled/
Por último, creamos una carpeta llamada "cache" que será, la que comience a guardar lo que "mandemos" desde nuestra aplicación web.
mkdir -p /var/www/cache
chmod 755 -R /var/www/cache
Por último, reiniciamos el NGINX y estamos listos con nuestra CDN.
systemctl restart nginx
¿Cómo lo probamos?
Para armar este tutorial, puse otro servidor con Wordpress e instale un plugin llamado CDN Enabler:
Luego, en la configuración, especifiqué la dirección de la CDN y las carpetas las cuales quiero mandar a esa CDN, en mi caso era "wp-content" y "wp-includes". También configure que excluya los archivos ".php", estos, siempre los debería procesar la aplicación.
Después de guardar, tengan en cuenta que en la primer visita, puede estar lento porque comienza a hacer esa "descarga" de recursos del Wordpress a la CDN pero luego, terminado eso, veremos que algunos recursos los carga desde el Servidor que hostea la aplicación y otros desde la flamante CDN.
Pueden comprobarlo, en Chrome, abriendo la consola y yendo a la solapa "sources". En mi caso, se ve así:
Para ir cerrando
Como podés ver, no es tan difícil como suena y de esta manera, podemos optimizar la entrega de recursos desde nuestra aplicación Web.
¿Dudas, consultas? Déjame un comentario aquí abajo.