En este tutorial, aprenderá a entregar contenido y a disminuir la latencia del usuario final de la aplicación web con 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 el 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.  

Consulta de 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

b. Cuando haga clic aquí, se abrirá la consola de administración de AWS en una ventana nueva del navegador. Escriba S3 en el cuadro 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).

  • Bucket Name (Nombre del bucket): escriba un nombre para el bucket, que debe ser único y estar en minúsculas. Para conocer más restricciones de los nombres de buckets de S3, consulte Restricciones y limitaciones de los buckets
  • Region (Región): tiene la opción de elegir una región cercana para optimizar la latencia, minimizar los costos o cumplir requisitos normativos.  

Seleccione Next (Siguiente).

En el panel Set properties (Establecer propiedades) hay muchas opciones útiles para el bucket de S3, como el 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 después elija cloudfront-test-image.png en el equipo. 

Seleccione Next (Siguiente).

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 (Cargar).

tmt_faster-content-delivery-04

(Haga clic para ampliar).

tmt_faster-content-delivery-04

Una vez que el contenido se ha cargado en Amazon S3, puede utilizar la consola de Amazon CloudFront para entregar contenido a 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.  Busque CloudFront en Storage & Content Delivery (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 Create Distribution (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 del 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 RTMP de Adobe Flash Media Server.

Como cloudfront-test-image.png es una imagen estática, seleccione Get Started (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 Origin Domain Name (Nombre del dominio de origen), seleccione el nombre del bucket de S3 donde almacenó 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:

  • Price Class (Clase de precio): CloudFront tiene tres clases de precios, según el número de ubicaciones de borde para las que desee obtener 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 (ACL web de AWS WAF): si desea habilitar o bloquear solicitudes HTTP y HTTPS en función de los criterios que especifique, elija una ACL web para asociarla a esta distribución. Para obtener más información, consulte la guía para desarrolladores de AWS WAF.
  • Alternate Domain Names (Nombres de dominio 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 las URL para sus objetos (como http://suDominio.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.
  • SSL Certificate (Certificado SSL): CloudFront proporciona un certificado predeterminado o puede especificar un certificado SSL personalizado. 
  • Default Root Object (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.
  • Logging (Registro): CloudFront puede registrar información sobre cada solicitud de un objeto y almacenar los archivos de registro en un bucket de Amazon S3. No se aplica ningún cargo adicional por activar los registros, pero se acumulan cargos de Amazon S3 por almacenar archivos y acceder a ellos.
  • Bucket for Logs (Bucket para registros): si ha especificado 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 de acceso en cualquier momento. Para obtener más información sobre los registros de acceso de CloudFront, consulte el documento sobre registros de acceso.
  • Log Prefix (Prefijo de registros): si ha seleccionado On (Activar) para Logging (Registro), puede especificar la cadena 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 el documento sobre registros de acceso.
  • Cookie Logging (Registro de cookies): cuando se utiliza Amazon S3 como origen de los objetos, Amazon S3 no procesa las cookies, por lo que, a menos que la distribución también incluya un origen Amazon EC2 u otro personalizado, debe seleccionar Off (Desactivar) como valor de Cookie Logging (Registro de cookies). Para obtener más información sobre las cookies, consulte cómo configurar CloudFront para que almacene en caché objetos en función de las cookies.
  • Comment (Comentario): escriba cualquier comentario que desee guardar con la distribución.
  • Distribution Status (Estado de la distribución): el valor predeterminado es Enabled (Habilitado). Esto significa que el contenido estará disponible tan pronto como se cree 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 In Progress (En curso) a Deployed (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. Téngalo en cuenta, ya que lo necesitará en el siguiente paso. Al hacer clic en el campo Distribution ID (ID de distribución) se le llevará a una página donde verá el dominio completo de CloudFront bajo Domain Name (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 en el bucket de S3 en el paso 1.


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

</html>

  • Sustituya domain name por el nombre de dominio que CloudFront asignó a su distribución, como d111111abcdef8.cloudfront.net.
  • Sustituya object name 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 pueda ver su contenido. 

cloudfront-16

(Haga clic para ampliar).

cloudfront-16

Deshabilitar la distribución desde la consola de CloudFront es fácil. De hecho, se recomienda deshabilitar 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á deshabilitada, cualquier sitio web compatible con esta quedará desactivado y el contenido dejará de estar disponible para los usuarios finales.


a.  Seleccione la casilla junto a la distribución que ha creado y haga clic en Disable (Deshabilitar).

tmt_faster-content-delivery-11

(Haga clic para ampliar).

tmt_faster-content-delivery-11

b. Se le pedirá que confirme; haga clic en Yes, Disable (Sí, deshabilitar).

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 ha 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