Saltar al contenido principal

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 crearlo en el sitio de DigitalOcean y hacer clic en el botón Crear > Espacios en la esquina superior derecha del panel de control.

 

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 una configuración en WP Media Folder . Navegue al menú Ajustes > WP Media Folder > Nube > Descargar medios > DigitalOcean, haga clic en Ajustes de espacio y en el botón de selección.

 

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ú Ajustes > WP Media Folder > Nube > Descargar medios. 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 del 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?

¿Cómo funciona?

Una vez que hayas conectado WP Media Folder con DigitalOcean y habilitado Copiar a DigitalOcean , todos tus nuevos archivos multimedia subidos 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 tu archivo multimedia se reemplazará por la URL de DigitalOcean. Consulta 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

 

Y la segunda forma, puedes usar Amazon S3 Cloudfront. Primero, en el panel de control de Amazon, ve a Servicios > CloudFront o ve a 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

 

A continuación, pega tu dominio en el "Dominio de origen . Por ejemplo: "https://joomunited.us-east-1.digitaloceanspaces.com"

 

crear-distribución-océano-digital

 

En Comportamiento predeterminado de la caché > Sección Almacenar en caché las solicitudes de clave y origen, seleccioneConfiguración de caché heredada

 

configuración de caché heredada

 

A continuación, desplácese hacia abajo hasta Cortafuegos de aplicaciones web (WAF) y seleccione "No habilitar las 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 Foldery péguelo en el Dominio personalizado (CNAME) .

 

distribución de copias

 

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

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