Krypton Solid

Cómo llevar WordPress a la nube con Amazon S3 y CloudFront

Cómo llevar WordPress a la nube con Amazon S3 y CloudFront

La computación en la nube es una de las palabras de moda en la industria de la computación y el diseño web que parece tener una definición muy simple, pero una miríada de usos. Es una frase que se usa para definir el uso de Internet y servidores remotos para almacenar y administrar datos.

Un ejemplo popular es Google Docs. Puede crear y trabajar en su documento en Internet, y cuando lo guarda, el archivo también se guarda en Internet. Por supuesto, si bien descargarlo en su computadora siempre es una opción, la mayor parte de lo que sucede está en el servidor de Google.

Hay una serie de beneficios en este método de trabajo.

Puede suponer que, dado que está utilizando una empresa tan grande como Google, todos sus documentos estarán seguros, además, ha reducido el uso del disco duro y está utilizando menos recursos para crear el documento.

Hoy quiero hablar sobre dos aplicaciones de computación en la nube: Amazon Simple Storage Services (S3) y Amazon CloudFront. Lo que hacen estos dos servicios es guardar archivos de su sitio web en los servidores remotos de Amazon y entregar estos archivos a su usuario desde múltiples ubicaciones en el mundo para optimizar el tiempo de carga y la entrega de archivos, respectivamente. Amazon CloudFront es lo que normalmente se llama una red de entrega de contenido o CDN para abreviar. Hay muchos servicios como estos disponibles, pero debido a las estructuras de precios flexibles de cada uno y la confiabilidad de Amazon, parecen ser los favoritos de los fanáticos para los servicios basados ​​en la nube.

Ahora que tiene un poco de experiencia en computación en la nube y los servicios de Amazon en los que nos centraremos, ¿para qué los estamos usando exactamente? Bueno, le mostraré la forma más sencilla de cargar todos los archivos de su sitio web de WordPress en Amazon S3 y luego usar CloudFront para entregar estos archivos de la manera más rápida posible.

Registrarse en Amazon S3 y CloudFront

El primer paso a dar es registrarse tanto en Amazon S3 como en CloudFront. Puede hacerlo yendo a esta página: http://aws.amazon.com/s3/, y una vez te suscribas a uno de los servicios, los tendrás todos a tu disposición. Solo paga por lo que usa, que es lo que hace que los servicios proporcionados por Amazon sean tan buenos. Entonces, una vez que se haya registrado, puede dirigirse a la Consola de administración de Amazon Web Services (AWS) http://aws.amazon.com/console. Una vez que inicie sesión en la consola de AWS, podrá ver todos los servicios que ofrece Amazon. La consola de AWS es donde administrará cualquiera de los servicios que use, pero por ahora solo estamos interesados ​​en S3, así que continúe y haga clic en ese enlace.

amazon_s3_console_dashboard

La interfaz de usuario es bastante mínima y, en realidad, es muy fácil trabajar con ella. Primero vamos a hacer clic en «Crear depósito» para crear el depósito para nuestro sitio de WordPress. Un cubo es efectivamente un contenedor para todos sus archivos. Todo lo que hace es identificar para qué sitio web estamos almacenando archivos y luego los guarda. Puede nombrar su depósito como desee, pero el nombre de su sitio web o proyecto probablemente tenga más sentido.

Configuración de una distribución de CloudFront

Ahora, permaneceremos en la consola de AWS, pero navegaremos hasta el área de CloudFront haciendo clic en «Servicios» en la navegación superior.

amazon_cloudfront_console_dashboard

Ahora, todo lo que tenemos que hacer es hacer clic en el botón “Crear distribución”, y de las dos opciones seleccionar “Descargar”, ya que usará el bucket de S3 que creamos anteriormente. Haga clic en «Continuar» y puede seleccionar el «Nombre de dominio de origen», que será simplemente nuestro Bucket S3. Ahora haga clic en «Crear distribución». Debería ver la distribución aparecer en nuestro panel de CloudFront. Una vez que la columna Estado dice «Implementado» y el Estado dice «Habilitado», su sitio web se está moviendo de Amazon S3 a CloudFront CDN.

Uso de W3 Total Cache y configuración de S3

Ahora que hemos creado nuestro depósito, tenemos que configurar nuestro sitio de WordPress para comunicarnos con S3 y comenzar a cargar todos nuestros archivos. Vamos a utilizar un popular complemento de WordPress llamado Caché total de W3 porque el complemento no solo tiene características para trabajar fácilmente con S3 (y cualquier CDN para el caso), sino que hace un gran trabajo al acelerar su sitio web utilizando las mejores técnicas de almacenamiento en caché: describir el lado del almacenamiento en caché de W3 Total Cache está fuera del alcance de este artículo, pero puedes encontrar un gran tutorial aquí.

Una vez que tengamos el complemento instalado y activado, navegaremos a la Configuración general dentro de las opciones del complemento. Una vez allí, desplácese hacia abajo hasta que vea las opciones de CDN. Asegúrese de marcar Habilitar, y para Tipo de CDN, desplácese hacia abajo hasta Amazon CloudFront debajo de Origin Pull / Mirror y haga clic en «Guardar todas las configuraciones».

w3_total_cache_cdn_configuration

Una vez que hayamos configurado CloudFront como nuestro CDN, ahora podemos navegar a la página CDN dentro de las opciones del complemento. Ignore las opciones generales en la parte superior y desplácese hacia abajo hasta Configuración. Aquí ingresaremos nuestro ID de clave de acceso, clave secreta y le diremos al complemento en qué bucket de S3 queremos almacenar nuestros archivos. Para encontrar su clave de acceso y clave secreta, simplemente haga clic en su nombre cuando inicie sesión en la consola de AWS, y haga clic en «Credenciales de seguridad» para recibir la información necesaria. Una vez que tenga esa información, sus depósitos deberían aparecer automáticamente, así que asegúrese de seleccionar el correcto que desea usar. No te metas con el soporte SSL o CNAME por ahora, simplemente haz clic en el botón «Probar carga de S3». Después de aproximadamente un minuto, debería recibir un mensaje que dice «Prueba aprobada». Si no lo hace, es posible que se haya equivocado en una de sus claves. Una vez que haya pasado la prueba, guarde su configuración y ahora comenzaremos a trabajar con la configuración General en la misma página.

Subiendo los archivos

Ahora que tenemos todo configurado, es hora de pasar a la parte emocionante. Vamos a empezar a subir nuestros archivos a Amazon S3 usando W3 Total Cache. En la configuración general de CDN, recomiendo marcar las siguientes opciones y guardarlas:

  • Archivos adjuntos de host
  • Host wp-includes / archivos
  • Archivos de tema de host
  • Alojar archivos personalizados

Esto albergará todos sus archivos adjuntos, temas y archivos centrales de WordPress en S3, por lo que casi todo su sitio se servirá desde Amazon S3. Vamos a ir en orden inverso, ya que cargaremos nuestros archivos de tema primero, luego nuestros archivos wp-includes y, por último, nuestros archivos adjuntos de host. Continúe y haga clic en «Cargar archivos de tema» y verá aparecer una ventana emergente.

w3_total_cache_cdn_transfer

Verá el número total de archivos que tiene y puede hacer clic en Iniciar. Verá el progreso a medida que se cargan los archivos y también identificará cualquier problema que pueda haber ocurrido en el proceso de carga. La carga suele ser bastante rápida y solo debería tomar uno o dos minutos, dependiendo de su conexión a Internet, para cargar los archivos del tema. A continuación, haremos lo mismo con nuestros archivos wp-includes y los subiremos a S3.

Elegí hacer los archivos adjuntos del host al final porque, personalmente, ese fue el proceso más largo para cargar todos mis archivos en Amazon S3. Tengo un blog grande, con más de 11.000 imágenes. Si desea reducir el tamaño de sus imágenes y, en consecuencia, el tiempo que tardan en cargarse en S3, le recomiendo que consulte el Complemento WP Smush.it. Ahora puede continuar y cargar todos sus archivos adjuntos de imágenes. Es posible que tarde un poco en función de su conexión a Internet y de la cantidad de imágenes. Tuve que dejar que el servicio funcionara durante medio día solo para cargar todas mis imágenes.

w3_total_cache_cdn_transfer_complete

Felicitaciones, su sitio web ahora debería estar alojado en el servicio S3 de Amazon, y todas las imágenes de su sitio web deberían extraerse de su distribución de Amazon CloudFront; puede verificar haciendo clic derecho en una imagen y verificando su URL de ubicación.

Configuración de S3 y CloudFront con WP Super Cache

Si eres más fanático de WP Super Cache, un complemento de almacenamiento en caché alternativo para WordPress, estás de suerte: configurar Amazon S3 y CloudFront es tan simple como usar el complemento anterior.

Para comenzar, deberá instalar y activar el complemento. Puede activar el complemento simplemente marcando el botón de opción «Almacenamiento en caché activado» en la pestaña «Fácil» de la configuración de WP Super Cache. Esto hará que el complemento WP Super Cache comience a funcionar.

wp_super_cache_cdn_settings

A continuación, navegue hasta la pestaña CDN y asegúrese de que «Habilitar soporte CDN» esté marcado, y luego ingresaremos en nuestra URL de CloudFront. Puede encontrar esta URL navegando a la Consola de AWS y mirando la Distribución que acaba de crear, y estará debajo de la columna «Nombre de dominio». Debería tener un aspecto similar a xxxxxxxxxx.cloudfront.net. No cambie ninguna otra configuración, simplemente haga clic en el botón «Guardar cambios».

Desafortunadamente, el complemento WP Super Cache no incluye una forma de cargar automáticamente todos nuestros archivos de WordPress en nuestro bucket de Amazon S3. Esto significa que tendremos que instalar el Complemento CDN Sync Tool para WordPress. Instale el complemento como lo haría normalmente, luego navegue a la página de opciones.

Primero trabajaremos con la pestaña Opciones de CDN y completaremos nuestra información de Amazon S3. Asegúrese de que S3 esté seleccionado en el menú desplegable CDN. A continuación, escriba su nombre de dominio de Amazon S3, por ejemplo domainname.s3.amazonaws.com, y escriba su Clave de acceso y Clave secreta, que puede recuperar haciendo clic en su nombre cuando inicie sesión en la Consola de AWS y luego haciendo clic en “Credenciales de seguridad ”Y escriba el nombre del depósito que utilizó anteriormente en este tutorial. Haga clic en el botón «Guardar y probar cambios».

cdn_sync_tool_sync_options

Navegue a la pestaña Sincronizar y seleccione los archivos que desee cargar en la CDN. Haga clic en el botón «Sincronizar» y este proceso sucederá para usted.

Ahora todos sus archivos deberían estar sincronizados con su bucket de Amazon S3 y el complemento WP Super Cache debería servir todos sus archivos a través de CloudFront.

Terminando

Eso es. Su sitio web ahora debería alojar todos sus archivos del Servicio de almacenamiento simple de Amazon y distribuirlos a través de la red de entrega de contenido de CloudFront utilizando su complemento de almacenamiento en caché de WordPress preferido. Si eres como yo y ya no quieres seguir alojando esos molestos archivos multimedia para ahorrar espacio en tu VPS, aquí tienes un par de complementos que quizás quieras revisar:

Ambos complementos cargarán archivos directamente en S3 y se asegurarán de que no residan en su propio servidor; asegúrese de leer la descripción de ambos para ver cómo funcionan.

¿Ha migrado su sitio a la nube? ¿Qué servicios eligió utilizar? Háznoslo saber en los comentarios.

Imagen destacada / miniatura, imagen de la nube a través de Shutterstock.

https://www.Krypton Solid.com/article/using-amazon-echo-and-hue-to-control-a-distraction-reduction-signal-light-in-my-living-room/https://www. Krypton Solid.com/article/using-amazon-echo-and-hue-to-control-a-distraction-reduction-signal-light-in-my-living-room/https://www.Krypton Solid.com/article/ usando-amazon-echo-and-hue-to-control-a-distraction-reduction-signal-light-in-my-living-room / https://www.Krypton Solid.com/article/using-amazon-echo- y-tono-para-controlar-una-luz-de-señal-de-reducción-de-distracción-en-mi-sala / https: //www.Krypton Solid.com/article/using-amazon-echo-and-hue-to- control-a-distracción-reducción-señal-luz-en-mi-sala-de-estar / https: //www.Krypton Solid.com/article/using-amazon-echo-and-hue-to-control-a-distraction- reducción-de-señal-de-luz-en-mi-sala-de-estar- /

Deja un comentario