En este tutorial, aprenderá cómo entregar contenido y reducir la latencia de usuario final de su aplicación web a través de Amazon CloudFront. CloudFront agiliza la entrega de contenido mediante su red global de centros de datos, conocidos como ubicaciones de borde, para reducir el tiempo de entrega mediante el almacenamiento de contenido en caché cerca de sus usuarios finales. CloudFront busca su contenido en un origen, como un bucket de Amazon S3, una instancia de Amazon EC2, un balanceador de carga de Amazon Elastic Load Balancing o su propio servidor web, cuando no se encuentre ya en una ubicación de borde. CloudFront se puede utilizar para entrega la aplicación o el sitio web entero, incluido el contenido dinámico, estático, de streaming e interactivo.

En los siguientes pasos, podrá configurar un bucket de Amazon S3 como origen y probar la distribución a través de un navegador web para garantizar que su contenido se entregue.

Todas las operaciones que se explican en este tutorial pueden realizarse con la capa gratuita.

La entrega de contenido con mayor rapidez exige contar con una cuenta

Inicio de sesión en la consola

La capa gratuita de AWS incluye 50 GB de transferencia de datos de salida y 2 000 000 de solicitudes HTTP o HTTPS al mes durante un año.  

Consulte los detalles de la capa gratuita de AWS "


En este paso, cargaremos contenido estático de muestra a un bucket de Amazon S3. En pasos posteriores, utilizaremos este bucket como origen de CloudFront. Amazon S3 es una buena opción para un origen de Amazon CloudFront que incluya contenido estático como imágenes, videos, páginas HTML, archivos .css y archivos .js.


a. La imagen de muestra que utilizaremos en este tutorial es una imagen PNG llamada cloudfront-test-image.png.  Haga clic en el botón de la derecha para descargar la imagen de muestra y asegúrese de que se guarde como cloudfront-test-image.png.

Descargar imagen de muestra

c. Cuando haga clic aquí, se abrirá la consola de administración de AWS en una ventana nueva del navegador. Escriba S3 en la casilla de búsqueda y haga doble clic para abrir el panel.

tmt_faster-content-delivery-01

(Haga clic para ampliar).

tmt_faster-content-delivery-01

c. Ahora que se encuentra en el panel de S3, haga clic en el botón Create bucket (Crear bucket).

  • Nombre del bucket: introduzca un nombre para su bucket, que debe ser único y estar en minúsculas. Para conocer más restricciones a la hora de nombrar un bucket de S3, consulte la sección Restricciones y limitaciones del bucket.
  • Región: tiene la opción de elegir una región cercana a usted para optimizar la latencia, minimizar los costos o cumplir requisitos normativos.  

Seleccione Next (Siguiente).

En el panel Set properties (Definir propiedades), hay muchas opciones útiles para el bucket de S3, como control de versiones, registro de acceso al servidor, etiquetas, registro a nivel de objetos y cifrado predeterminado. No las activaremos en este tutorial.

Seleccione Next (Siguiente).

En el panel Set permissions (Definir permisos), puede definir los permisos de control de acceso para el bucket. No las activaremos en este tutorial.

Seleccione Next (Siguiente).

En el panel Review (Revisar), seleccione Create bucket (Crear bucket).

tmt_faster-content-delivery-02

(Haga clic para ampliar).

tmt_faster-content-delivery-02

d. Haga doble clic en el nombre del bucket. Seleccione Upload (Cargar), a continuación Add Files (Añadir archivos) y seleccione cloudfront-test-image.png en el equipo. 

Seleccione Next.

tmt_faster-content-delivery-03

(Haga clic para ampliar).

tmt_faster-content-delivery-03

e. En la pestaña Set permissions (Definir permisos) deberá configurar la imagen para que sea de lectura pública.  De forma predeterminada, los objetos de S3 se configuran para acceso privado.  Modifique la sección Manage public permissions (Administrar permisos públicos) a "Grant public access to objects(s)" (Otorgar acceso público a los objetos).

Seleccione Next (Siguiente).

En la pestaña Set properties (Definir propiedades), puede definir la clase de almacenamiento, el cifrado y los metadatos. No las activaremos en este tutorial.

Seleccione Next (Siguiente).

En la pestaña Review (Revisar), controle la carga del archivo.

Seleccione Upload.

tmt_faster-content-delivery-04

(Haga clic para ampliar).

tmt_faster-content-delivery-04

Una vez que su contenido se carga en Amazon S3, puede utilizar la consola de Amazon CloudFront para entregar contenido a los usuarios finales de todo el mundo.


a. Cuando haga clic aquí, se abrirá la consola de administración de AWS en una pestaña del navegador nueva.  Encuentre CloudFront en Almacenamiento y entrega de contenido y haga clic para abrir la consola de Amazon CloudFront.

tmt_faster-content-delivery-06

(Haga clic para ampliar).

tmt_faster-content-delivery-06

b. Seleccione Crear distribución.


 

tmt_faster-content-delivery-07

(Haga clic para ampliar).

tmt_faster-content-delivery-07

Una distribución web especifica los parámetros de configuración para que CloudFront sepa de qué origen obtener su contenido cuando un usuario lo solicite. Puede utilizar los buckets de Amazon S3 (carpetas de almacenamiento) y servidores HTTP (por ejemplo, servidores web) como origen.


a. En primer lugar, elija el método de entrega de su contenido.  Una distribución web se utiliza para el contenido estático y dinámico, en tanto que la distribución RTMP es óptima para la transmisión de archivos multimedia con el protocolo de RTMP de Adobe Flash Media Server.

Como cloudfront-test-image.png es una imagen estática, seleccione Empezar en la opción Web .

tmt_faster-content-delivery-08

(Haga clic para ampliar).

tmt_faster-content-delivery-08

b. Ahora debe configurar sus parámetros. 

En Nombre del dominio de origen, seleccione el nombre del bucket de S3 donde guardó cloudfront-test-image.png.

Puede dejar el resto de la configuración con los valores predeterminados para este tutorial.  Si desea obtener más información sobre cada parámetro de configuración, haga clic en el menú desplegable que aparece a continuación.

Configuración predeterminada de comportamiento de caché:

Configuración de distribución:

  • Clase de precio CloudFront tiene tres clases de precios, según el número de ubicaciones de borde a las que desee brindar soporte en todo el mundo. De forma predeterminada, CloudFront utiliza todas las ubicaciones de borde para garantizar el mejor desempeño. Para obtener más información, consulte los Precios de Amazon CloudFront.
  • AWS WAF Web ACL: si desea habilitar o bloquear solicitudes HTTP y HTTPS en función de los criterios que especifique, elija ACL web para asociar a esta distribución. Para obtener más información, consulte la Guía para desarrolladores de AWS WAF.
  • Nombres de dominios alternativos: CloudFront asigna automáticamente un nombre de dominio al crear una distribución web (por ejemplo, http://abcdefghi888.cloudfront.net/filename.jpg). También puede especificar su propio nombre de dominio en la URL para sus objetos (como http://yourDomain.com/filename.jpg) una vez que actualiza la configuración de DNS para dirigir las consultas de DNS a su distribución de CloudFront. Para este tutorial, deje el campo en blanco.
  • Certificado SSL: CloudFront proporciona un certificado predeterminado o puede especificar un certificado SSL personalizado.
  • Objeto raíz predeterminado: aquí es donde debe especificar el objeto que desee que CloudFront solicite desde el origen cuando un usuario solicita solo la URL raíz de su distribución. Por ejemplo, un usuario solicita http://www.example.com/ y puede especificar que se entregue http://www.example.com/product-description.html. Especificar un objeto raíz predeterminado evita exponer el contenido de su distribución.
  • Registro: CloudFront puede registrar información sobre cada solicitud de un objeto y almacenar los archivos de registro en un depósito de Amazon S3. No se aplica ningún cargo adicional por activar los registros, pero se acumulan cargos de Amazon S3 por almacenar y acceder a archivos.
  • Bucket para registros: si especificó un bucket de Amazon S3 para almacenar los registros de acceso, CloudFront puede registrar información sobre cada solicitud de un objeto del usuario y almacenar los archivos en el bucket de Amazon S3 especificado. Puede habilitar o deshabilitar el registro en cualquier momento. Para obtener más información sobre los registros de acceso de CloudFront, consulte Registros de acceso.
  • Prefijo de registro: si eligió “On” para Registro, puede especificar la cadena de caracteres que desea que CloudFront utilice como prefijo para acceder a los nombres de archivos para esta distribución. Para obtener más información sobre los registros de acceso de CloudFront, consulte Registros de acceso.
  • Registro de cookies: cuando se utiliza Amazon S3 como origen para sus objetos, Amazon S3 no procesar las cookies, por lo que, a menos que la distribución también incluya un Amazon EC2 u otro origen personalizado, debe seleccionar “Off” para el Registro de cookies. Para obtener más información sobre las cookies, consulte Cómo configurar CloudFront para que almacene en caché objetos basado en cookies.
  • Comentario: puede introducir los comentarios que desea guardar con la distribución.
  • Estado de distribución: el valor predeterminado es Activado. Esto significa que el contenido estará disponible en el momento en que se crea la distribución.
tmt_faster-content-delivery-09

(Haga clic para ampliar).

tmt_faster-content-delivery-09

Después de configurar la distribución, CloudFront creará la distribución y la propagará en toda la red de CloudFront para que pueda utilizarla.  Seleccione Create Distribution (Crear distribución).  

Una vez completado este proceso, la columna de estado cambiará de En curso a Implementado.

Nota: esto puede tardar varios minutos en completarse.

El nombre de dominio que CloudFront asigna a su distribución aparece en la lista de distribuciones. Tenga en cuenta esto, ya que lo necesitará en el siguiente paso. Al hacer clic en el campo ID de distribución, se lo dirige a una página donde verá el dominio completo de CloudFront en Nombre de dominio.

tmt_faster-content-delivery-10

(Haga clic para ampliar).

tmt_faster-content-delivery-10

Después de crear la distribución web, puede probarla con la confirmación de que CloudFront obtiene su objeto del origen y lo devuelve a un navegador web.  Para esta comprobación, necesitará el nombre de dominio de CloudFront del Paso 4 y el nombre de la imagen que ha cargado al bucket de S3 en el paso 1.


a. Abra un editor de texto en su equipo. Copie y pegue el siguiente código HTML:

My CloudFront Test

My text content goes here.

my test image

  • Sustituya el nombre de dominio por el nombre de dominio que CloudFront le asignó a su distribución, como d111111abcdef8.cloudfront.net.
  • Sustituya el nombre de objeto por el nombre de su archivo de imagen en el bucket de Amazon S3, en nuestro caso, cloudfront-test-image.png.
  • Guarde el texto en un archivo como mycloudfronttest.html.

b. Abra su página web en un navegador para asegurarse de que puede ver su contenido. 

cloudfront-16

(Haga clic para ampliar).

cloudfront-16

Es fácil desactivar la distribución desde la consola de CloudFront. De hecho, es una práctica recomendada desactivar las distribuciones que ya no utilice para que no le sigan cobrando por ellas. No obstante, tenga en cuenta que cuando una distribución está desactivada, cualquier sitio web compatible con la distribución se caerá y el contenido dejará de estar accesible para los usuarios finales.


a. Seleccione la casilla junto a la distribución que ha creado y haga clic en Desactivar.

tmt_faster-content-delivery-11

(Haga clic para ampliar).

tmt_faster-content-delivery-11

b. Se le pedirá que confirme, haga clic en Sí, desactivar.

tmt_faster-content-delivery-12

(Haga clic para ampliar).

tmt_faster-content-delivery-12

Ha creado su primera distribución web de Amazon CloudFront y entregado un fragmento de contenido estático alojado en la nube a través de Amazon S3. Con unos pocos cambios de configuración, puede utilizar CloudFront para entregar contenido dinámico, eventos en directo, como una reunión, conferencia o conciertos, en tiempo real a través de HTTP o HTTPS. Use Amazon CloudFront para agilizar la entrega de un sitio web o aplicación enteros, incluido el contenido dinámico, estático, de streaming e interactivo.

Ahora que ya aprendió a configurar una distribución web y a entregar una sección de contenido estático con Amazon CloudFront, puede realizar consultas a nuestros expertos de CloudFront durante los próximos asesoramientos o en las siguientes presentaciones técnicas de AWS.

Página de introducción a Amazon CloudFront >>

 

No