Salta al contenuto principale

WP Media Folder Addon: 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.

Innanzitutto, devi accedere alla Google Cloud Console o registrarti se non hai un account Google. Vai al menu IAM e amministrazione > Crea un progetto.

 

Crea-progetto-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-progetto

 

Se è la prima volta che utilizzi Google Cloud Storage, devi accedere a API e servizi > Libreria, abilitare Cloud Storage e l'API JSON di Google Cloud Storage.

 

API di archiviazione cloud

 

Dal menu a sinistra, fai clic su "API e servizi" > "Credenziali".

 

menu-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 inserisci un nome a tua scelta.
  • Origine JavaScript autorizzata: https://tuo-dominio.com (sostituisci con il nome del tuo 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)

 

credenziali dell'app

 

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 oppure andare su API e servizi >> Schermata di consenso OAuth, quindi aggiungere il nome del dominio in Domini autorizzati.

Per prima cosa devi selezionare il tipo di utente.

 

Tipo di 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. 

Successivamente, inserisci 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.

 

schermo di consenso

 

E voilà! Hai ottenuto il tuo ID e il tuo segreto da aggiungere alla 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, fai clic sul Impostazioni e selezione del bucket . Nella parte inferiore della finestra a comparsa, inserisci il nome del bucket e fai clic sul Crea .

 

crea-bucket-wp

 

2. Accedi a Google Cloud Storage da WP Media Folder

Torna alla dashboard di WordPress e fai clic sul menu Impostazioni > WP Media Folder > Cloud e offload multimediale. Successivamente, fai clic sul Cambia nella Google Cloud Storage sezione.

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 operazione, l'URL del tuo file 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 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 Continua pulsante

 

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 fai clic sul campo Certificato > Crea un nuovo certificato. Nella finestra a comparsa "Crea un certificato", inserisci del testo nel Nome e scegli "Crea certificato gestito da Google" in Modalità di creazione. Successivamente, inserisci il tuo dominio nel Domini . Ad esempio: "cdn.joomunited.com". Infine, fai clic sul Fine .

 

crea-nuovo-certificato

 

Successivamente, accederemo alla di configurazione del backend , faremo clic su Servizi backend e bucket backend > Crea un bucket backend. Nella finestra a comparsa, compileremo Nome bucket backend e selezioneremo un bucket nel Bucket di archiviazione cloud . Infine, faremo clic sul Crea pulsante

 

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

 

An Error Occurred: Whoops, looks like something went wrong.

Sorry, there was a problem we could not recover from.

The server returned a "500 - Whoops, looks like something went wrong."

Help me resolve this