Vai al contenuto principale

Componente aggiuntivo WP Media Folder : integrazione con Google Cloud Storage

1. Crea un'app Google Drive


L'integrazione di Google Cloud con WP Media Folder è inclusa nel componente aggiuntivo. È necessario installare questo componente aggiuntivo (plugin) oltre a WP Media Folder. Il componente aggiuntivo include anche l'integrazione per Google Drive, Google Foto, Dropbox, OneDrive Personal, OneDrive Business, Amazon S3, DigitalOcean, Linode e Wasabi.

Per prima cosa, devi accedere a Google Cloud Console o registrarti se non hai un account Google. Vai al menu IAM e amministrazione > Crea un progetto .

 

Create-project-1

 

Quindi imposta un nome per il progetto: puoi fornire qualsiasi nome tu voglia, ma non includere spazi o accenti. Attendi qualche secondo per la creazione del progetto.

 

Nome del progetto

 

Se è la prima volta che utilizzi Google Cloud Storage, dovresti andare su API e servizi > Libreria , abilitare Cloud Storage e Google Cloud Storage JSON API.

 

API di archiviazione cloud

 

Dal menu a sinistra, clicca su “API e servizi” > “Credenziali”.

 

menù-api-service

 

Nel pannello principale, fai clic su "+ Nuove credenziali" >> ID client OAuth ; se richiesto, aggiungi un nome alla schermata di consenso OAuth.

 

oAuth-google-drive

 

Ora, il passo più importante:

  • Seleziona "Applicazione Web" e aggiungi un nome a tua scelta
  • Origine JavaScript autorizzata: https://tuo-dominio.com (sostituisci con il tuo nome di dominio, senza barra finale)
  • URI di reindirizzamento autorizzati: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_cloud_auth
    (sostituisci con il nome del tuo dominio)

 

app-credenziali

 

Nota: se viene visualizzato questo avviso: "Per creare un ID client OAuth, è necessario prima impostare un nome prodotto nella schermata di consenso", è necessario fare clic sul Configura schermata di consenso o andare su API e servizi >> Schermata di consenso OAuth , quindi aggiungere il nome del dominio in Domini autorizzati .

Innanzitutto, devi selezionare Tipo utente.

 

Tipo utente OAuth

 

  • Interna: la tua app è limitata agli utenti di Google Workspace all'interno della tua organizzazione. Non sarà necessario inviare la tua app per la verifica.
  • Esterna: la tua app sarà disponibile per tutti gli utenti con un account Google. Quando l'app sarà pronta per la pubblicazione, potrebbe essere necessario verificarla.

Quindi, compila i domini autorizzati e continua con i passaggi successivi per completare la registrazione dell'app. Ora puoi tornare al passaggio precedente: seleziona "Applicazione web" per creare le credenziali.

 

schermata di consenso

 

Allora ... voilà! Hai il tuo ID e segreto da aggiungere nella configurazione di WP Media Folder.

 

oauth-client

 

Crea un bucket

Per utilizzare Google Cloud, è necessario creare un nuovo bucket. Accedere all'area bucket: Cloud Storage Buckets . Quindi fare clic sul Crea .

 

crea-bucket-google-cloud

 

Successivamente, dovresti compilare le seguenti opzioni:

  • Nome del bucket di input
  • Scegli dove archiviare i tuoi dati
  • Scegli la classe di archiviazione per i tuoi dati
  • Scegli una classe di archiviazione predefinita per i tuoi dati
  • Scegli come controllare l'accesso agli oggetti ( Prevenzione dell'accesso pubblico: Disattivato, Controllo degli accessi: Granuloso)
  • Scegli come proteggere i dati degli oggetti

 

crea-bucket-step

 

Dopodiché, clicca sul Crea . Pochi secondi dopo il caricamento, potrai visualizzare le informazioni dettagliate del bucket:

 

dettagli del secchio

 

In alternativa, puoi creare un nuovo bucket nelle WP Media Folder . Vai al menu Impostazioni > WP Media Folder > Cloud > Offload Media > Google Cloud Storage , clicca su Impostazioni bucket e sul pulsante di selezione. Nella parte inferiore del popup, inserisci il nome del bucket e clicca sul Crea .

 

crea-bucket-wp

 

2. Accedi a Google Cloud Storage da WP Media Folder

Torna alla dashboard di WordPress e clicca sul menu Impostazioni > WP Media Folder > Cloud & Media Offload. Quindi, clicca sul pulsante Modifica sezione Google Cloud Storage .

Quindi, incolla quanto segue nei campi del modulo:

  • ID chiave di accesso
  • Chiave di accesso segreta
  • ID progetto

 

compila-credenziali-google-cloud

 

Dopodiché, salva le impostazioni e la connessione dovrebbe avvenire correttamente. Vai al passaggio successivo per scoprire le funzionalità di Google Cloud Storage.

 

3. Come funziona? Cosa posso fare con Google Cloud?

Come funziona?

Dopo aver connesso WP Media Folder a Google Cloud Storage, seleziona un bucket o creane uno nuovo in cui verranno archiviati tutti i tuoi dati.

 

crea-bucket-wp-google-cloud

 

Puoi anche abilitare Copia su Google Cloud Storage : tutti i nuovi contenuti multimediali caricati verranno inviati a Google Cloud.

 

copia su Google Cloud

 

Se desideri sincronizzare i contenuti multimediali caricati prima di utilizzare l'integrazione con Google Cloud Storage, clicca sul Sincronizza con Google Cloud Storage . L'intera libreria multimediale esistente verrà quindi inviata al tuo bucket Google Cloud.

Nota: quando esegui questa azione, l'URL del tuo contenuto multimediale verrà sostituito dall'URL di Google Cloud Storage. Vedi l'esempio seguente:
da https://joomunited.com/wp-content/uploads/2019/02/image.jpg a >> https://storage.googleapis.com/{bucket}/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 Google Cloud anziché sul tuo server.

 

scarica-media-google-cloud

 

Abilitando l' Etichetta allegato , le informazioni su ciascun supporto verranno visualizzate quando si passa il mouse Google Cloud in alto a destra.

 

etichetta-google-cloud

 

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

 

recupera-google-cloud

 

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

Come connettere la CDN?

Google Cloud CDN è integrato con il nostro plugin. Per creare un dominio personalizzato (CNAME), innanzitutto è necessario abilitare API di Compute Engine e Certificate Manager nella sezione Libreria.

 

API del gestore dei certificati del motore di calcolo

 

Successivamente, vai su Bilanciamento del carico nella Servizi di rete oppure accedi a questo link . Quindi, fai clic sul Crea bilanciatore del carico e seleziona Avvia configurazione . Quindi fai clic sul pulsante Continua

 

creare-bilanciatore-del-carico

 

Nella configurazione del frontend , inserisci il testo nel Nome (minuscolo, senza spazi). Seleziona HTTPS (include HTTP/2) nel Protocollo . Quindi fai clic sul campo Indirizzo IP > Crea indirizzo IP .

 

configurazione frontend

 

Quindi clicca sul campo Certificato > Crea un nuovo certificato . Nel popup "Crea un certificato" , inserisci il testo nel Nome , quindi seleziona "Crea certificato gestito da Google" in modalità Crea . Quindi, inserisci il tuo dominio nel Domini , ad esempio: "cdn.joomunited.com". Infine, clicca sul Fine .

 

crea-nuovo-certificato

 

Successivamente, andremo alla Configurazione backend , faremo clic su Servizi backend e bucket backend > Crea un bucket backend . Quindi, nel popup, compileremo Nome bucket backend , selezioneremo un bucket nel Bucket Cloud Storage . Quindi fare clic sul pulsante Crea

 

crea-backend-bucket

 

Dopodiché clicca sul Crea .

 

crea-bilanciatore-del-carico-finale

 

Quindi vai su Sicurezza > Gestione certificati > scheda Certificati classici, copia il Dominio e incollalo nel Dominio personalizzato (CNAME) nelle impostazioni di Google Cloud Storage. Ad esempio, in questo caso: "cdn.hoadongho247.com" .


 

cdn-google-cloud-url

 

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

 

file-url-cdn-google-cloud

 

Impostazioni e azioni avanzate

Puoi selezionare un bucket per importare cartelle e file dal server di Google Cloud Storage alla tua libreria multimediale. Oppure puoi copiare tutti i file da un bucket a un altro.

 

copia-bucket-google-cloud