Aprende a configurar fácilmente el servicio CDN (red de distribución de contenidos) de StackPath en tu propio sitio web o blog.


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

  1. 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).
  2. 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
  3. 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:

StackPath create new site

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):

Register new website on StackPath 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):

Insert Server IP StackPath

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:

GoDaddy DNS Manager

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:

Create SSL Certificate EdgeSSL

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:

StackPath EdgeSSL Certificate

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 ❤️!


Ingeniero de Software Senior en EPAM Anywhere. Interesado en la programación desde los 14 años, Carlos es un programador autodidacta, fundador y autor de la mayoría de los artículos de Our Code World.

Conviertete en un programador más sociable

Patrocinadores