Skip to main content

Complemento WP Media Folder : Integración con DigitalOcean

1. ¿Cómo crear una nueva clave API en DigitalOcean?

Primero, debe iniciar sesión en su cuenta de DigitalOcean en el sitio. Luego, vaya aquí o navegue a la sección API en el menú de la izquierda y haga clic en "Generar nueva clave" .

 

generar-nueva-clave

 

Después de eso, ingrese el nombre de la clave y haga clic en el botón de marca verde.

 

nombre-nueva-clave

 

Finalmente, se mostrarán el ID de la clave y la clave secreta. Consérvelas para el siguiente paso: iniciar sesión en WP Media Folder.

 

nueva-clave-generada

 

Crea un nuevo espacio

Se puede crear un nuevo espacio en DigitalOcean o en el complemento WP Media Folder .

La primera forma es crear en el sitio de DigitalOcean y hacer clic en el botón Crear > Espacios en la esquina superior derecha del panel.

 

crear espacio

 

Seleccione una región de centro de datos e ingrese el nombre del espacio. Haga clic en "Crear un espacio" .

 

espacio de nombres-océano-digital

 

La segunda forma es crear la WP Media Folder . Vaya al menú Configuración > WP Media Folder > Nube > Descargar medios > DigitalOcean y haga clic en "Configuración y selección de espacio" .

 

Selección de ajustes de espacio

 

Luego seleccione Región y nombre para el espacio.

 

crear-espacio-mf

 

2. Inicie sesión en DigitalOcean desde WP Media Folder

Regresa al panel de WordPress y haz clic en el menú Configuración > WP Media Folder > Nube > Descargar multimedia . A continuación, haz clic en el Editar en Seleccionar proveedor de nube y elige DigitalOcean .

 

seleccionar-proveedor-de-nube-digital-ocean

 

Luego, pegue lo siguiente en los campos de formulario:

  • ID de clave de acceso
  • Clave de acceso secreta

 

tecla de entrada digital océano

 

Después, guarde la configuración y la conexión debería ser exitosa. Haga clic en "Configuración y selección de espacio" para seleccionar un espacio o crear uno nuevo. Continúe con el siguiente paso para descubrir las funciones de DigitalOcean.

 

seleccionar espacio

 

3. ¿Cómo funciona? ¿Qué puedo hacer con DigitalOcean?

¿Como funciona?

Una vez que haya conectado WP Media Folder con DigitalOcean y haya habilitado Copiar a DigitalOcean , todos los medios nuevos cargados se enviarán a DigitalOcean.

 

Copiar a DigitalOcean

 

Recuerda crear y seleccionar un espacio donde se almacenarán todos tus datos. Si quieres sincronizar los archivos multimedia que subiste antes de integrarlos con DigitalOcean, haz clic en "Sincronizar con DigitalOcean" . Se enviará toda tu biblioteca multimedia a tu espacio de DigitalOcean.

 

botón de sincronización multimedia digital

 

Nota: Al realizar esta acción, la URL de su archivo multimedia se reemplazará por la URL de DigitalOcean. Vea el ejemplo a continuación:
De https://joomunited.com/wp-content/uploads/2019/02/image.jpg a >> https://joomunited-space.nyc3.digitaloceanspaces.com/wp-media-folder-joomunited/wp-content/uploads/2019/02/image.jpg

 

Para descargar los medios de su sitio, debe habilitar Eliminar después de cargar ; su biblioteca de medios se almacenará completamente en DigitalOcean en lugar de en su servidor.

 

eliminar-después-de-subir-digital-ocean

 

Al habilitar Etiqueta de archivo adjunto , la información de cada medio se mostrará cuando pase el cursor sobre la etiqueta de DigitalOcean en la parte superior derecha.

 

etiqueta-digitalOcean

 

Cuando desee cambiar la ubicación de sus archivos multimedia o eliminar el complemento, haga clic en "Recuperar archivos multimedia" . Todos sus archivos multimedia se copiarán de DigitalOcean a su biblioteca multimedia. Todos los enlaces anteriores añadidos a su contenido se conservarán (sin enlaces rotos).

 

recuperar-medios-digitalocean

 

Nota: Solo puedes sincronizar archivos de DigitalOcean a la biblioteca multimedia si se cargan a través de nuestro complemento.

 

¿Cómo conectar CloudFront?

Cloudfront está integrado con nuestro plugin. DigitalOcean ofrece dos métodos para establecer una conexión con CloudFront: uno mediante Amazon S3 y el otro mediante el método predeterminado de DigitalOcean.

Comencemos con la configuración predeterminada de DigitalOcean.

Primero, ve a tus Espacios en DigitalOcean y selecciona el depósito que conectaste a tu sitio. Luego, ve a Configuración .

En CDN ( Content Delivery Network ) , haga clic en Editar , marque Habilitar CDN y haga clic en Guardar .

 

CDN digital-ocean-predeterminado

 

Una notificación emergente indica que la CDN se ha habilitado tras unos segundos de carga. En la esquina derecha, seleccione "Punto final de la CDN" , copie la URL y péguela en el Dominio personalizado (CNAME) .

 

URL del punto final de CDN: Digital Ocean, predeterminada


Finalmente, puedes ver los cambios en URL del archivo en cada imagen.

 

URL de archivo CDN Digital Ocean predeterminada

 

La segunda opción es usar Amazon S3 Cloudfront. En el panel de control de Amazon, dirígete a Servicios > CloudFront o visita este enlace .

 

menú de cloudfront

 

Desde aquí, haga clic en Crear distribución en la esquina derecha.

 

botón de creación de distribución

 

Luego, pegue su dominio en el "Dominio de origen . Por ejemplo: "https://joomunited.us-east-1.digitaloceanspaces.com".

 

crear-distribución-océano-digital

 

En Comportamiento de caché predeterminado > Solicitudes de origen y clave de caché , seleccione Configuración de caché heredada .

 

configuración de caché heredada

 

A continuación, desplácese hasta Firewall de aplicaciones web (WAF) y seleccione "No habilitar protecciones de seguridad" . Finalmente, desplácese hasta el final y haga clic en "Crear distribución" .

 

cortafuegos de aplicaciones web de Digital Ocean

 

A continuación, vaya a "Detalles de distribución", copie el nombre del dominio de distribución. Vaya a la configuración de Amazon en WP Media Folder y péguelo en el Dominio personalizado (CNAME) .

 

copia-distribución

 

Espere unos minutos para que la imagen se cargue por completo cuando el campo Última modificación cambie de "Implementación" a la fecha y hora actual.

Finalmente, puedes ver los cambios en URL del archivo en cada imagen.

 

URL de archivo CDN Digital Ocean S3

 

Configuraciones y acciones avanzadas

Puede seleccionar un espacio para importar carpetas y archivos del servidor de DigitalOcean a su biblioteca multimedia. También puede copiar todos los archivos de un espacio a otro.

 

espacios de copia