Buenas a todos, luego de un descanso sin escribir, hoy quise escribir este tutorial sobre cómo configurar un sitio web para que trabaje con la tecnología de Cloudflare.
Qué es Cloudflare y para qué funciona?
Cloudflare es un CDN.
Wikipedia :
Citando Wikipedia un CDN es
Una red de entrega de contenidos o red de distribución de contenidos (CDN, content delivery network en inglés) es una red superpuesta de computadoras que contienen copias de datos, colocados en varios puntos de una red con el fin de maximizar el ancho de banda para el acceso a los datos de clientes a través de la red. Un cliente tiene acceso a una copia de los datos cerca del cliente, en contraposición a todos los clientes que acceden al mismo servidor central, a fin de evitar cuellos de botella cerca de ese servidor.
Una red de entrega de contenidos o red de distribución de contenidos (CDN, content delivery network en inglés) es una red superpuesta de computadoras que contienen copias de datos, colocados en varios puntos de una red con el fin de maximizar el ancho de banda para el acceso a los datos de clientes a través de la red. Un cliente tiene acceso a una copia de los datos cerca del cliente, en contraposición a todos los clientes que acceden al mismo servidor central, a fin de evitar cuellos de botella cerca de ese servidor.
En dónde utilizamos Cloudflare en nuestro sitio web?
Lo podemos utilizar en todos los archivos estáticos, por ejemplo CSS, Javascript, imágenes o archivos varios.
Cómo configuramos Cloudflare en nuestra web?
Lo primero que debemos hacer es registrarnos en cloudflare.com (Es gratis).
Registramos uno de nuestros dominios en el sistema de cloudflare.com
Cloudflare buscará los DNS actuales del dominio y nos dará las instrucciones para configurar el nuevo dominio.
Nos permite configurar nuestros nombres de dominios a nuestros servidores, por ejemplo, para una configuración básica, debemos crear los siguientes registros de DNS:
- Un registro de Tipo A : Indica a qué servidor apuntará el dominio principal.
- Un registro de Tipo CNAME : Esto indica que a un subdominio del dominio principal siempre le creo el registro WWW
Y dejamos las opciones de seguridad por defecto. Continuamos:
Listo, ya nos dice a qué DNS debemos apuntar el dominio.
Cómo hago para que mis archivos estáticos puedan pasar por Cloudflare?
La mejor práctica que he utilizado y me a funcionado muy bien es la de crear varios subdominios para apuntar este contenido, por ejemplo:
static.prueba.com : Este dominio será utilizado para despachar los archivos JS, CSS y SWF.
img.prueba.com : Este domino será utilizado para despachar las imágenes.
Lo que demos hacer ahora es crear dos Registros CNAME.
Quedará de la siguiente forma:
La Nube en color naranja indica que pasa por la red de Cloudflare, la nube en color gris no pasa por cloudflare sino directo a nuestro servidor.
Ahora configuramos en nuestro CPanel los subdominios apuntando a la carpeta en donde estará nuestro contenido.
- A la carpeta public_html/static/ apuntaremos el subdominio static.prueba.com. Ésta puede contener dos carpetas: una css/ y otra js/. Esto quiere decir que cuando se llame a un archivo, por ejemplo http://static.prueba.com/css/estilos.css, la red de cloudflare será la que lo despache al usuario final.
- A la carpeta public_html/img/ apuntaremos el subdominio img.prueba.com. Esta contiene los archivos de imagen, esto quiere decir que cuando se llame a un archivo, por ejemplo http://img.prueba.com/logo.jpg, la red de cloudflare será la que lo despache al usuario final.
Con esta configuración todo funcionará de maravilla y ya te estás ahorrando todo el ancho de banda de tus CSS, JS e Imágenes.
Cualquier consulta o pregunta estamos a la orden, espero que les sirva a muchos.
Saludos.
@andrewvergel
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
Por josemartinex el 24 de Agosto de 2012
Por Jesús Micahel Beltrá el 27 de Agosto de 2012
Soy diseñador y programador de sitios web, esta es mi URL www.puntografito.com
Para que me den su visto bueno.
Saludos
Jesús Micahel Beltrán Chá :
Soy diseñador y programador de sitios web, esta es mi URL www.puntografito.com
Para que me den su visto bueno.
Saludos
Claro que si por aqui a la orden, espero que puedas aplicarlo.
Por joshuavw el 13 de Septiembre de 2012
Saludos cordiales
Por Jesús Beltrán el 12 de Noviembre de 2012
Logrando con esto el posicionamiento de mi sitio web con palabra claves como por ejemplo:
diseño responsivo df (aparezco en el 1 lugar de 29,600 resultados)
diseño responsivo México (aparezco en el 4 lugar de 48,800 resultados)
paginas web d.f (Página 2 de aproximadamente 1,360,000 resultados)
Saludos y muchísimas gracias por tan geniales aportes...
Por Elizabeth Salazar el 27 de Diciembre de 2012
Por Elizabeth Salazar el 27 de Diciembre de 2012
Por noko el 25 de Enero de 2013
¿Pero para que necesitas crear subdominios y hacer que sus contenidos pasen por cloudflare si ya tienes la carpeta raiz pasando por cloudflare?
No se supone que todo lo que pongas dentro de la carpeta raiz va a pasar por cloudflare?
Por SaRmY el 04 de Marzo de 2013
Por smailyn el 01 de Abril de 2013
Por Alex el 13 de Abril de 2013
Esta página web tiene un bucle de redireccionamiento
La página web http://www.domanuncios.com/ ha producido demasiados redireccionamientos. Es posible que el problema se resuelva borrando las cookies de este sitio o permitiendo cookies de terceros. Si eso no funciona, puede que el problema esté relacionado con algún fallo en la configuración del servidor, no con el ordenador.
Que puede estar sucediendo aqui, gracias!
Por smailyn el 13 de Abril de 2013
Por asdasd el 30 de Agosto de 2013
Por el 05 de Julio de 2014
Tengo un par de dudas, ahora como mando a llamar mis imagenes y archivos css y js.
Ejemplo:
www.dominio.com/images/logo.png actual
http://img.dominio.com/images/logo.png con la configuración cloudflare
Saludos
Por colgema el 06 de Abril de 2016
Por nuevo el 23 de Abril de 2016
Ahora configuramos en nuestro CPanel los subdominios apuntando a la carpeta en donde estará nuestro contenido.
DONDE ESTAN EN UNA INSTALACION DE WORDPRESS ??
tENGO QUE CREAR UN SUBDOMINIO Y DESPUES UNA REDIRECCION? O TOCAR LOS DNS DEL HOSTING Y AGREGAR ALGO?
TE SEGUI EN TWITER HACE DOS MINUTOS.
A la carpeta public_html/static/ apuntaremos el subdominio static.prueba.com. Ésta puede contener dos carpetas: una css/ y otra js/. Esto quiere decir que cuando se llame a un archivo, por ejemplo http://static.prueba.com/css/estilos.css, la red de cloudflare será la que lo despache al usuario final.
A la carpeta public_html/img/ apuntaremos el subdominio img.prueba.com. Esta contiene los archivos de imagen, esto quiere decir que cuando se llame a un archivo, por ejemplo http://img.prueba.com/logo.jpg, la red de cloudflare será la que lo despache al usuario final.