Cuando era un principiante en el mundo de la programación, el término CDN era muy nuevo para mí, después de aprender un poco más sobre cómo se suponía que debía funcionar, solo pensé en lo difícil que sería implementar uno para un sitio web personal. Sin embargo, un par de años después, finalmente me di cuenta de lo fácil que era.
En este breve artículo, te explicaremos cómo implementar un CDN para tu blog/sitio web utilizando los servicios de StackPath por solo $10 USD mensuales.
Requisitos
Para seguir este tutorial e implementar un CDN para su sitio web / blog / aplicación web, necesitarás:
- Crear una cuenta en Stackpath y comprar el servicio CDN (nosotros tenemos un servicio CDN individual por solo $ 10 USD para hasta 1TB mensual). Este servicio te permite tener sitios web ilimitados asociados al mismo servicio de distribucion de contenido CDN.
- Poseer un dominio, en este tutorial usaremos el dominio
freeguitarprotabs.com
. - Accede a la configuración de DNS de tu dominio. En nuestro caso, nuestros dominios tienen la configuración de DNS en GoDaddy.
Ventajas de usar Stackpath CDN
- Todos los PoP están incluidos con cada paquete de CDN. Esto significa que los recursos de tu sitio web se almacenarán en caché en servidores de China, Australia, EE. UU., Brasil y otros países del mundo (32 puntos de presencia).
- Cada suscripción a CDN y Edge Delivery incluye más por dólar que cualquier otro proveedor y tarifas rentables para consumo adicional, con todos los precios claramente publicados. Por ejemplo, el servicio CDN individual más económico de $10 USD es especial para sitios web y blogs profesionales con contenido estándar y niveles de tráfico promedio, e incluye:
- Ancho de banda de 1 TB/mes
- Sitios ilimitados
- Solicitudes ilimitadas
- Todos los PoP globales incluidos
- Certificado SSL privado gratuito por sitio
- Tráfico SSL incluido
- Protección DDoS de capa de red
- Realmente fácil de configurar.
1. Crear un stack predeterminado
Un stack se define como un contenedor asociado a una suscripción, en esta suscripción podrás agregar múltiples servicios como un CDN, un firewall de aplicaciones web, monitoreo de tráfico y análisis. En nuestro caso, usaremos solo el servicio CDN, así que procede a crear un nuevo stack predeterminado.
2. Crea un sitio nuevo
Después de crear el stack, ve al sitio web del panel de control y busca la opción Sitios en la barra lateral izquierda:
En esta nueva página, registra tu dominio y haz clic en siguiente (selecciona el servicio que contrataste para tu stack, en nuestro caso solo el CDN):
En el siguiente paso, deberás proporcionar la IP de tu servidor, que se recupera automáticamente en la aplicación cuando proporcionas el nombre de host (si no es así, debes proporcionar la dirección IP):
Después de proporcionar esta información, tendrás un nuevo sitio web registrado en tu panel de control de Stackpath. Ve ahora al sitio web y continúa con la configuración del DNS.
You will need to update 2 records on your DNS manager, namely the @ CNAME and WWW as shown in the following table:
Deberás actualizar 2 registros en tu administrador de DNS, especificamente, @ CNAME y WWW como se muestra en la siguiente tabla:
Record Type | Name | Value | TTL |
A | @ | <stackpath-given-ip o ruta del stackpath que te asignaron> | 600 |
CNAME | www | <sites's edge address o dirección de borde de sitios> | 600 |
En nuestro caso, lo hicimos a través del administrador de DNS de GoDaddy:
Deberás actualizar los valores con la dirección del stack. Según el valor TTL actual, deberás esperar el tiempo mencionado hasta que se actualicen los registros. En nuestro caso, el TTL fue de 1 hora, y esperamos aproximadamente 30 minutos hasta que la API de Stackpath pudo verificar que los registros DNS estaban disponibles.
3. Crea un certificado SSL
Finalmente, para proporcionar soporte para SSL, deberás crear un certificado gratuito en el panel de control de StackPath. Selecciona tu sitio web y ve a la página EdgeSSL en el menú del lado izquierdo: Luego, en el panel Certificado de entrega personalizado, haz clic en Crear certificado:
En la nueva página, selecciona los dominios de entrega. En nuestro caso trabajaremos con ambas versiones de nuestro dominio con y sin www. Luego haz clic en Continuar con la validación. Selecciona la solicitud HTTP como método de validación:
Finalmente, para completar la solicitud de validación, deberás agregar un nuevo registro CNAME en el administrador de DNS con los siguientes valores:
Tipo de registro | Nombre | Valor | TTL |
CNAME | tudominio.com | <sites's edge address o dirección del stack asignado> | 600 |
Después de registrar el registro, haz clic en "He configurado mi DNS, continuar", su sitio web ahora debería tener un servicio CDN correctamente implementado.
Que te diviertas ❤️!
Conviertete en un programador más sociable