Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información. Aceptar

CloudFront en WordPress con el plugin WP Offload S3

Aryam Gutiérrez López
  • Escrito por Aryam Gutiérrez López el 31 de Mayo de 2017
  • 2 min de lectura | Servers
CloudFront en WordPress con el plugin WP Offload S3
El reproductor de video será cargado en breves instantes.


Amazon CloudFront es el CDN más usado. Si no sabes que es un CDN, es un conjunto de servidores ubicados en diferentes puntos de una red que contienen copias locales de ciertos contenido como imágenes, quitándole asi carga a nuestro servidor web y haciendo que la velocidad de carga de nuestra web sea mucha más rápida.

Vamos a instalar el plugin WP Offload S3 Lite para WordPress para poder usar CloudFront en el CMS más famoso y usado. Con el plugin haremos que todas las imágenes que subamos a nuestra web se suban y se muestren desde CloudFront Amazon.

Requisitos

Configuración WP Offload S3

Vamos al grano, para comenzar entramos en la consola de Amazon Web Services y creamos una instancia de WordPress, en esta ocasion utilizaremos un AMI de WordPress para acelerar el proceso. Configuramos la instancia como vemos en el curso de introdución a AWS , una vez configurada le asociamos un security groups y lanzamos la instancia.

El proceso de levantar una instancia tarda unos minutos , una vez que esté lista ya tendremos acceso a nuestro panel de control de la nueva instalación de WordPress que hemos creado.

El usuario por defecto es user y l a contraseña para ingresar en la administración del sitio la encontraremos en el sytem log de nuestra instancia como vemos en la siguiente captura:

Imagen 0 en CloudFront en WordPress con el plugin WP Offload S3

Ahora que ya sabemos como entrar a nuestro panel de control, vamos a nuestro S3 que es donde alojaremos nuestras imágenes y configuramos un bucket , le damos un nombre, la región donde queremos que se alojen y lo creamos.

A continuación vamos a la herramienta de CloudFront para crear un CDN del tipo Web y rellenamos el origin domain name con el bucket que acabamos de crear, el resto de la configuración lo dejamos predeterminado y creamos la distribución. Este proceso puede tardar hasta 10 minutos en estar creado.


Ahora vamos a nuestro panel de control de WordPress e instalamos primero el plugin de Amazon Web Services lo activamos y una vez activado hacemos lo mismo con el plugin WP Offload S3 Lite .

Para poder conectar nuestra cuenta de AWS con nuestro WordPress tendremos que crear un usuario nuevo, para ellos vamos a la consola de IAM, hacemos clic en Add user , rellenamos el nombre de usuario y marcamos la opción de programmatic access y pulsamos el botón de next. Ahora elegimos un permiso ya creado,  seleccionamos AmazonS3FullAccess.

Imagen 1 en CloudFront en WordPress con el plugin WP Offload S3

Ahora pulsamos en siguiente y en create user , una vez creado el usuario AWS nos proporciona un Access Key ID y Secret Acces Key que necesitamos para poder conectar nuestro WordPress con Amazon Web Services

Imagen 2 en CloudFront en WordPress con el plugin WP Offload S3

Una vez activados los plugins, en el menú lateral de WordPress vamos a AWS - Access Keys , e introducimos Access Key ID y Secret Acces Key que nos ha proporcionado Amazon. Una vez rellenado los dos campos, guardamos los cambios.

Imagen 3 en CloudFront en WordPress con el plugin WP Offload S3

Ahora que ya estamos conectados con Amazon, en el menu lateral clicamos sobre S3 and CloudFront y elegimos el WP Offload S3 Lite y nos sale la configuración del pluginn las dejamos como muestra la siguiente captura:

Imagen 4 en CloudFront en WordPress con el plugin WP Offload S3

Ahora ya se muestran las imágenes desde el S3 de Amazon , pero como queremos mostrarla desde CloudFront, volvemos a la consola de herramientas de AWS donde antes habíamos creado la distribución y copias el Nombre del dominio.

Imagen 5 en CloudFront en WordPress con el plugin WP Offload S3

Para añadir el dominio, marcamos la opción de CloudFront y nos aparecerá un campo donde tendremos que pegar el dominio que hemos copiado de la distribución.

Imagen 6 en CloudFront en WordPress con el plugin WP Offload S3

Volvemos a guardar los cambios y ya tenemos configurado el servicio de CloudFront en nuestra instalación de WordPress.

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars