Vai al contenuto principale

Componente aggiuntivo WP Media Folder : integrazione DigitalOcean

1. Come creare una nuova chiave API in DigitalOcean?

Per prima cosa, accedi al tuo account DigitalOcean sul sito. Poi vai qui o vai alla sezione API nel menu a sinistra e clicca sul pulsante Genera nuova chiave

 

genera-nuova-chiave

 

Dopodiché, inserisci il nome della chiave e clicca sul pulsante di spunta verde.

 

nome-nuova-chiave

 

Infine, verranno visualizzati l'ID chiave e la chiave segreta. Conservateli per il passaggio successivo, ovvero l'accesso alla WP Media Folder.

 

nuova-chiave-generata

 

Crea un nuovo spazio

È possibile creare un nuovo spazio sul plugin DigitalOcean o WP Media Folder .

Il primo modo è crearlo sul sito DigitalOcean e cliccare sul pulsante Crea > Spazi nell'angolo in alto a destra della dashboard.

 

creare-spazio

 

Scegli una regione del data center e inserisci il nome dello spazio. Fai clic sul pulsante Crea uno spazio

 

spazio-dei-nomi-oceano-digitale

 

Il secondo modo è creare WP Media Folder . Vai al menu Impostazioni > WP Media Folder > Cloud > Offload Media > DigitalOcean, clicca su Impostazioni Spazio e sul pulsante di selezione.

 

Selezione delle impostazioni dello spazio

 

Quindi seleziona Regione e nome per lo spazio.

 

creare-spazio-mf

 

2. Accedi a DigitalOcean dalla WP Media Folder

Torna alla dashboard di WordPress e clicca sul menu Impostazioni > WP Media Folder > Cloud > Scarica file multimediali . Quindi, clicca Modifica in Seleziona provider cloud e scegli DigitalOcean .

 

seleziona-fornitore-cloud-oceano-digitale

 

Quindi, incolla quanto segue nei campi del modulo:

  • ID chiave di accesso
  • Chiave di accesso segreta

 

input-key-digital-ocean

 

Dopodiché, salva le impostazioni e la connessione dovrebbe avvenire correttamente. Fai clic sul Impostazioni e selezione spazio per selezionare uno spazio o crearne uno nuovo. Vai al passaggio successivo per scoprire le funzionalità di DigitalOcean.

 

seleziona-spazio

 

3. Come funziona? Cosa posso fare con DigitalOcean?

Come funziona?

Dopo aver collegato WP Media Folder a DigitalOcean e aver abilitato Copia su DigitalOcean , tutti i nuovi file multimediali caricati verranno inviati a DigitalOcean.

 

copia-su-DigitalOcean

 

Ricordati di creare e selezionare uno spazio in cui archiviare tutti i tuoi dati. Se desideri sincronizzare i contenuti multimediali caricati prima di utilizzare l'integrazione con DigitalOcean, clicca sul "Sincronizza con DigitalOcean" . L'intera libreria multimediale esistente verrà quindi inviata al tuo spazio DigitalOcean.

 

pulsante-di-sincronizzazione-media-digitale

 

Nota: quando esegui questa azione, l'URL del tuo contenuto multimediale verrà sostituito dall'URL di DigitalOcean. Vedi l'esempio seguente:
da 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

 

Per scaricare i contenuti multimediali sul tuo sito, dovresti abilitare Rimuovi dopo il caricamento : la tua libreria multimediale verrà archiviata completamente su DigitalOcean anziché sul tuo server.

 

rimuovere-dopo-il-caricamento-oceano-digitale

 

Abilitando Etichetta allegato , le informazioni su ciascun supporto verranno visualizzate quando si passa il mouse sull'etichetta DigitalOcean in alto a destra.

 

etichetta-digitalOcean

 

Quando desideri modificare la posizione dei tuoi file multimediali o rimuovere il plugin, clicca sul "Recupera file multimediali" . Tutti i tuoi file multimediali verranno copiati da DigitalOcean alla tua libreria multimediale. Tutti i link precedentemente aggiunti ai tuoi contenuti rimarranno al loro posto (nessun link non funzionante).

 

recupera-media-digitalocean

 

Nota: puoi sincronizzare i file da DigitalOcean alla libreria multimediale solo se caricati tramite il nostro plugin.

 

Come connettere CloudFront?

CloudFront è integrato con il nostro plugin. DigitalOcean offre due metodi per stabilire una connessione con CloudFront. Uno è tramite Amazon S3 e l'altro tramite il metodo predefinito di DigitalOcean.

Cominciamo con l'impostazione predefinita di DigitalOcean.

Per prima cosa, accedi ai tuoi Spazi su DigitalOcean e seleziona il bucket che hai collegato al tuo sito. Quindi vai alla Impostazioni .

Nell'opzione CDN ( Content Delivery Network ) , fare clic sul Modifica , quindi selezionare Abilita CDN . Quindi fare clic sul pulsante Salva

 

oceano-digitale-cdn-default

 

Dopo alcuni secondi di caricamento, un popup di notifica mostra che il CDN è stato abilitato. Nell'angolo destro, seleziona Endpoint CDN , quindi copia l'URL e incollalo nel Dominio personalizzato (CNAME) .

 

cdn-endpoint-url-digital-ocean-default


Infine, puoi vedere le modifiche nel URL del file in ogni immagine.

 

file-url-cdn-digital-ocean-default

 

Il secondo modo è utilizzare Amazon S3 Cloudfront. Innanzitutto, nella dashboard di Amazon, vai su Servizi > CloudFront oppure clicca su questo link .

 

menu cloudfront

 

Da qui, clicca sul Crea distribuzione nell'angolo destro.

 

crea-pulsante-distribuzione

 

Quindi incolla il tuo dominio nel Dominio di origine . Ad esempio: "https://joomunited.us-east-1.digitaloceanspaces.com"

 

creare-distribuzione-oceano-digitale

 

Nella Comportamento predefinito della cache > Richieste di origine e chiave della cache , seleziona Impostazioni cache legacy .

 

impostazione-cache-legacy

 

Successivamente, scorri verso il basso fino alla Web Application Firewall (WAF) e seleziona "Non abilitare le protezioni di sicurezza" . Infine, scorri fino in fondo e clicca sul "Crea distribuzione" .

 

firewall-per-applicazioni-web-oceano-digitale

 

Poi vai su "Dettagli di distribuzione", copia il nome del dominio di distribuzione. Vai alle impostazioni di Amazon nella WP Media Folder e incollalo nel "Dominio personalizzato" (CNAME) .

 

distribuzione di copie

 

Attendi qualche minuto affinché l'immagine venga caricata completamente quando il campo Ultima modifica cambia da "Distribuzione" alla data e ora correnti.

Infine, puoi vedere le modifiche nel URL del file per ogni immagine.

 

file-url-cdn-digital-ocean-s3

 

Impostazioni e azioni avanzate

Puoi selezionare uno spazio per importare cartelle e file dal server DigitalOcean alla tua libreria multimediale. Oppure copiare tutti i file da uno spazio a un altro.

 

spazi di copia