Configurar Fastly CDN para Sitios Alojados en Kinsta

Aunque Fastly es una CDN más reciente en comparación con otras, es una plataforma fiable que ofrece una serie de servicios, incluida la mitigación de DDoS.

Cómo instalar y configurar Fastly CDN

Para que Fastly sirva su sitio a través de HTTPS (recomendado), necesitará tener un plan de pago en Fastly para poder añadir un certificado SSL.

Si aún no tienes una cuenta en Fastly, visita su página de registro para empezar.

Paso 1

Inicie sesión en su cuenta de Fastly y asigne un nombre a su servicio haciendo clic en el icono de edición (lápiz), escriba el nuevo nombre y, a continuación, introduzca/regrese para guardarlo.

Aunque esto no es estrictamente necesario, le ayudará a mantener las cosas organizadas, especialmente si añade algún servicio adicional más adelante.

Paso 2

Añada su dominio en el campo previsto bajo el epígrafe Dominios.

Debido a las restricciones de DNS, generalmente se recomienda utilizar la versión www de su nombre de dominio (por ejemplo, www.example.com) en lugar de la versión apex/no-www de su dominio.

Si debes usar un dominio apex, consulta esta guía para Usar Fastly con dominios apex.

Paso 3

Para añadir su anfitrión, haga clic en el enlace del anfitrión en los pasos que se muestran cerca de la parte superior de la página o haga clic en Anfitriones bajo Orígenes en el menú de la barra lateral izquierda.

Su nombre de host es hosting.kinsta.cloud o la dirección IP de su sitio. Tiene que ser uno de ellos (en lugar del dominio principal) porque el dominio principal tiene que apuntar a Fastly para que el servicio funcione. Aunque técnicamente podrías usar el dominio temporal como tu nombre de host, recomendamos usar hosting.kinsta.cloud en su lugar, porque el dominio temporal puede ser eliminado del sitio.

Escriba o copie y pegue su nombre de host y haga clic en el botón Añadir.

Paso 4

Una vez que haya añadido el nombre de host para su origen, haga clic en el icono de edición (lápiz) junto a su nombre de host y configure los siguientes campos:

• Nombre: Esta es una etiqueta para el origen, por lo que puede ser lo que quieras. (Por defecto es «Host 1» o similar).
• Dirección: hosting.kinsta.cloud o Dirección IP del sitio.
• TLS de Fastly a su host: Sí.
• ¿Verificar el certificado? Sí.
• Nombre de host del certificado: El dominio principal de su sitio en Kinsta.
• Nombre de host SNI: El dominio principal de su sitio en Kinsta.

Nota: Si su sitio en Kinsta tiene un dominio primario diferente al dominio utilizado en Fastly, por favor, vea la información adicional para esto en Cuando debe establecer la anulación de host a continuación.

Paso 5

Ahora que tiene configurados los detalles de su dominio y origen, está listo para activar su servicio Fastly. Para ello, haga clic en el botón Activar, cerca de la esquina superior derecha de la página.

La activación del servicio no afectará a su sitio en vivo todavía, esto sólo guardará su servidor de origen y los detalles del dominio en su servicio Fastly.

Paso 6

Ahora es el momento de probar su servicio para asegurarse de que funciona como se espera antes de ponerlo en marcha.

Este es otro paso que no es técnicamente necesario, pero que se recomienda encarecidamente en caso de que sea necesario realizar algún ajuste antes de poner en marcha su servicio (que afectará a su sitio en vivo).

Para encontrar el enlace de tu dominio de prueba, haz clic en Dominios en la barra de navegación lateral izquierda.

En la página de Dominios, haz clic en el enlace Dominio de prueba para tu nombre de dominio, que abrirá tu dominio de prueba en una nueva pestaña de tu navegador.

La URL de tu dominio de prueba tendrá el siguiente aspecto: http://example.com.global.prod.fastly.net (sustituye www.example.com por el nombre de tu dominio). Puedes marcarlo o enviárselo a otra persona si lo necesitas.

Paso 7

Después de confirmar que su sitio web se ve bien en el dominio de prueba, es el momento de añadir TLS para que su sitio se cargue a través de HTTPS.

Fastly ofrece un par de opciones diferentes para TLS, pero aquí sólo cubriremos la opción de certificados gestionados por Fastly.

Si necesitas cargar un certificado de terceros en Fastly, esa opción está disponible por una tarifa adicional, y tendrás que seguir su guía para utilizar los certificados que gestionas en lugar de las instrucciones aquí.

1. Haga clic en el enlace Configurar en la navegación primaria (en la parte superior de la página) y luego haga clic en la pestaña HTTPS y red en la barra de navegación secundaria (debajo de la barra de navegación primaria).
2. Si es la primera vez que configura TLS en un dominio en Fastly, haga clic en el botón Empezar debajo del encabezado «Añadir HTTPS a sus dominios». De lo contrario, haga clic en el botón Asegurar otro dominio en la parte derecha de la página. En el menú desplegable que aparece, seleccione Usar certificados que Fastly obtiene por usted.
3. En la página de introducción de los datos de la suscripción:
   1. Introduzca su nombre de dominio y haga clic en el botón Añadir.
   2. Seleccione Let’s Encrypt como autoridad de certificación.
   3. Deje la configuración de TLS en el valor por defecto de TLS 1.3.
   4. Haga clic en el enlace Enviar.
4. En la página de detalles de la suscripción a TLS, haga clic en el enlace Ver en Detalles de verificación.

   

5. En la ventana emergente que aparece, haga clic en el icono de copia (portapapeles) para copiar el destino del CNAME personalizado que tendrá que añadir a sus registros DNS para su verificación.

   

6. Para introducir tu registro CNAME personalizado, entra en el lugar donde gestionas las DNS de tu dominio. Como ejemplo, aquí te mostraremos cómo crear este CNAME personalizado en las DNS de Kinsta. Si utilizas un proveedor de DNS diferente (puede ser tu registrador u otro alojamiento de DNS, dependiendo de dónde hayas apuntado los servidores de nombres de tu dominio) los pasos pueden ser un poco diferentes.
   1. Haga clic en DNS en la barra lateral izquierda de navegación en MyKinsta.
   2. Haga clic en el enlace Gestionar del dominio al que desea añadir un registro DNS.
   3. Haz clic en el dominio al que quieres añadir un registro DNS.
   4. Haga clic en la pestaña CNAME y añada los valores de Nombre de host y Puntos a. El nombre de host debe tener el formato _acme-challenge.www.DOMAIN_NAME (por ejemplo, _acme-challenge.www.myawesomesite.com) y el valor Puntos a debe ser el objetivo que has copiado de la ventana emergente Verificar la propiedad del dominio en Fastly. Haga clic en el botón Añadir registro DNS para guardar su nuevo registro CNAME.
      Nota: el registro DNS puede tardar hasta 1 hora en propagarse.

      

Paso 8

Una vez que el TLS está configurado en su servicio Fastly, está listo para ponerlo en marcha. Esto se hace apuntando el www CNAME de su dominio a Fastly. Los pasos para añadir un CNAME pueden variar dependiendo de su proveedor. Aquí volveremos a utilizar las DNS de Kinsta como ejemplo.

1. Si aún no estás en DNS en tu panel de control de MyKinsta, haz clic en DNS en la barra lateral izquierda de navegación.
2. Haz clic en el dominio al que quieres añadir un registro DNS.
3. Si ya tiene un registro CNAME para el nombre de host www, haga clic en el icono Editar (lápiz) para actualizarlo. De lo contrario, haga clic en el botón Añadir un registro DNS.
   1. Nombre de host: www
   2. Apunta a: j.sni.global.fastly.net
4. Haga clic en el botón Cambiar registro DNS (actualizar un registro DNS) o en el botón Añadir registro DNS (añadir un nuevo registro DNS) para guardar su registro DNS.
   Nota: Este cambio de DNS puede tardar hasta 1 hora en propagarse.

   

Eso es todo para la instalación y configuración.

Solución de problemas comunes con Fastly CDN

Aunque el proceso de configuración se haya llevado a cabo sin problemas, podría darse el caso de que experimentaras algunos problemas. A continuación hemos agrupado consejos sobre cómo solucionar los más comunes, junto con algunos ajustes avanzados.

Los cambios no aparecen en su sitio web

Servir su sitio a través de Fastly añade una capa adicional de caché que tendrá que ser borrada cada vez que necesite borrar la caché. Si tiene problemas para ver los cambios en su sitio, o un plugin no se comporta como se espera después de instalar o reinstalar, asegúrese de borrar la caché en todas las capas, incluyendo:

1. Plugins (si procede)
2. Temas (si procede)
3. Caché del sitio/servidor en Kinsta (desde el panel de control de MyKinsta o el plugin Kinsta MU)
4. Almacenamiento en caché en Fastly
5. Caché del navegador

Dirección IP bloqueada por falso positivo

Si usted tiene activada la mitigación de DDoS o la detección de bots en Fastly y usted o un visitante del sitio está siendo bloqueado incorrectamente de ver su sitio, esto puede ser debido a un falso positivo. Si esto sucede, tendrá que trabajar con el soporte de Fastly y con nuestro equipo de soporte en Kinsta para rastrear dónde se está produciendo el bloqueo.

Bucles de redirección HTTP-HTTPS o errores de versión TLS

Si ve un bucle de redirección o un error de versión TLS en su sitio, compruebe la siguiente configuración:

1. Asegúrese de que las opciones HTTPS/TLS de Fastly al Origen coinciden (Origen > Hosts> Mostrar todos los detalles). Consulte el paso 4 anterior.
2. Asegúrese de que el nombre de host coincide con su dominio Kinsta. Consulte el paso 3 anterior.

Cuándo se debe establecer la anulación del anfitrión

Por defecto, la cabecera del host en Fastly será el dominio que usted establezca en Fastly. Para que su sitio Kinsta reconozca la solicitud, el encabezado del host debe coincidir con un dominio de la lista de dominios del sitio.

Esto significa que si el dominio que está configurando en Fastly no está en la lista de dominios de su sitio en Kinsta, tendrá que establecer la anulación de host para el origen que solicita el contenido de Kinsta. Ese host override debe ser un dominio que esté en la lista de dominios de su sitio en Kinsta.

Por ejemplo, si está configurando example.com en Fastly, pero sólo tiene example.kinsta.cloud en la lista de dominios de su sitio en Kinsta, entonces tendrá que establecer que el host override para el origen que tira de Kinsta sea example.kinsta.cloud.

Computación sin servidor

Esto se puede utilizar para otras rutas o subdominios que no están alojados en Kinsta (por ejemplo, para las llamadas a la API u otras rutas fuera de su sitio de WordPress).

Plugin Fastly para WordPress

Fastly ofrece un plugin que hace posible la gestión de muchos de sus ajustes desde el panel de control de WordPress.

Una vez instalado y activado el plugin, introduzca su ID de servicio y su token de API en la página de ajustes generales de Fastly en su panel de control de WordPress.

Las instrucciones para encontrar y crearlas están enlazadas desde esa página. Asegúrese de guardar esas entradas antes de probar la conexión.

Resumen

Si tiene algún problema con Fastly, estaremos encantados de ayudarle a investigar cualquier problema en el lado del servidor, pero tendrá que trabajar con el equipo de soporte de Fastly o con su desarrollador para solucionar los problemas del lado de Fastly.

Asegúrate de suscribirte a nuestro boletín de noticias para estar al día de las actualizaciones de nuestra integración con Cloudflare (y de los nuevos contenidos cada semana).