Ga naar hoofdinhoud

WP Media Folder Addon: Integratie met Google Cloud Storage

1. Maak een Google Drive-app aan


De Google Cloud-integratie met WP Media Folder is inbegrepen in de add-on. Je moet deze add-on (plugin) installeren naast WP Media Folder. De add-on biedt ook integratie met Google Drive, Google Foto's, Dropbox, OneDrive Personal, OneDrive Business, Amazon S3, DigitalOcean, Linode en Wasabi.

Eerst moet u zich aanmelden bij de Google Cloud Console of een account aanmaken als u er nog geen hebt. Ga vervolgens naar Menu > IAM & Beheer > Een project maken .

 

Creëer-project-1

 

Geef het project vervolgens een naam. Je kunt elke gewenste naam gebruiken, maar zorg ervoor dat er geen spaties of accenten in voorkomen. Wacht daarna een paar seconden tot het project is aangemaakt.

 

Naam van het project

 

Als u Google Cloud Storage voor het eerst gebruikt, ga dan naar API's en services > Bibliotheek , schakel Cloud Storage en de Google Cloud Storage JSON API in.

 

cloud-storage-api

 

Klik in het menu aan de linkerkant op “API’s & Services” > “Referenties”.

 

menu-api-service

 

Klik in het hoofdvenster op “+ Nieuwe referenties” >> OAuth-client-ID ; voeg indien gevraagd een naam toe aan uw OAuth-toestemmingsscherm.

 

oAuth-google-drive

 

Nu de belangrijkste stap:

  • Selecteer 'Webapplicatie' en voeg een naam naar keuze toe.
  • Geautoriseerde JavaScript-bron: https://your-domain.com (vervang dit door uw domeinnaam, zonder schuine streep aan het einde)
  • Geautoriseerde redirect-URI's: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_cloud_auth
    (vervang door uw domeinnaam)

 

app-gegevens

 

Let op: als de volgende waarschuwing verschijnt: "Om een ​​OAuth-client-ID aan te maken, moet u eerst een productnaam instellen op het toestemmingsscherm", klik dan op Toestemmingsscherm configureren' of ga naar API's en services >> OAuth-toestemmingsscherm en voeg uw domeinnaam toe bij 'Geautoriseerde domeinen' .

Eerst moet je het gebruikerstype selecteren.

 

OAuth-gebruikerstype

 

  • Intern: uw app is alleen toegankelijk voor Google Workspace-gebruikers binnen uw organisatie. U hoeft uw app niet ter verificatie in te dienen.
  • Extern: uw app is beschikbaar voor elke gebruiker met een Google-account. Zodra uw app klaar is om te publiceren, moet u deze mogelijk verifiëren.

Vul vervolgens uw geautoriseerde domeinen in en ga verder met de volgende stappen om de app-registratie te voltooien. U kunt nu terugkeren naar de vorige stap: selecteer 'Webapplicatie' om de inloggegevens aan te maken.

 

toestemmingsscherm

 

En voilà! Je hebt nu je ID en Secret om toe te voegen aan de configuratie van WP Media Folder.

 

oauth-klant

 

Maak een emmer aan

Om Google Cloud te gebruiken, moet u een nieuwe bucket aanmaken. Ga naar het bucketgedeelte: Cloud Storage Buckets . Klik vervolgens op Maken '.

 

creat-bucket-google-cloud

 

Vervolgens dient u de onderstaande opties in te vullen:

  • Voer de bucketnaam in
  • Kies waar u uw gegevens wilt opslaan
  • Kies een opslagklasse voor uw gegevens
  • Kies een standaard opslagklasse voor uw gegevens
  • Kies hoe u de toegang tot objecten wilt beheren ( Openbare toegang voorkomen: Uit, Toegangsbeheer: Fijnmazig)
  • Kies hoe u objectgegevens wilt beschermen

 

create-bucket-step

 

Klik daarna op de 'Maken' . Na een paar seconden laden kunt u de details van de bucket bekijken.

 

emmerdetails

 

Of je kunt een nieuwe bucket aanmaken in WP Media Folder . Ga naar het menu Instellingen > WP Media Folder > Cloud > Media offloaden > Google Cloud Storage en klik op Bucketinstellingen en -selectie . Voer onderaan het pop-upvenster de bucketnaam in en klik op Aanmaken .

 

create-bucket-wp

 

2. Log in bij Google Cloud Storage vanuit WP Media Folder

Ga terug naar het WordPress-dashboard en klik op het menu Instellingen > WP Media Folder > Cloud & Media offload. Klik vervolgens op de Wijzigen in het gedeelte Google Cloud Storage .

Plak vervolgens het volgende in de formuliervelden:

  • Toegangssleutel-ID
  • Geheime toegangssleutel
  • Project-ID

 

vul-inloggegevens-google-cloud

 

Sla daarna de instellingen op en de verbinding zou succesvol moeten zijn. Ga verder naar de volgende stap om de functies van Google Cloud Storage te ontdekken.

 

3. Hoe werkt het? Wat kan ik doen met Google Cloud?

Hoe werkt het?

Nadat je WP Media Folder hebt gekoppeld aan Google Cloud Storage, selecteer je een bucket of maak je een nieuwe aan waar al je gegevens worden opgeslagen.

 

create-bucket-wp-google-cloud

 

En je kunt 'Kopiëren naar Google Cloud Storage' ; al je nieuw geüploade media worden dan naar Google Cloud verzonden.

 

kopiëren naar Google Cloud

 

Als je je geüploade media wilt synchroniseren voordat je de integratie met Google Cloud Storage gebruikt, klik je op 'Synchroniseren met Google Cloud Storage' . Je bestaande mediabibliotheek wordt dan naar je Google Cloud-bucket verzonden.

Let op: wanneer u deze actie uitvoert, wordt de URL van uw media vervangen door de URL van Google Cloud Storage. Zie het onderstaande voorbeeld.
Van https://joomunited.com/wp-content/uploads/2019/02/image.jpg naar >> https://storage.googleapis.com/{bucket}/wp-media-folder-joomunited/wp-content/uploads/2019/02/image.jpg

 

Om de media op uw site te verplaatsen, moet u Verwijderen na uploaden' . Uw mediabibliotheek wordt dan volledig opgeslagen in de Google Cloud in plaats van op uw eigen server.

 

offload-media-google-cloud

 

Door de 'Bijlagelabel' , wordt de informatie over elk mediabestand weergegeven wanneer u de muis over het Google Cloud -label rechtsboven beweegt.

 

google-cloud-label

 

Als je de locatie van je media wilt wijzigen of de plug-in wilt verwijderen, klik je op Media ophalen uit Google Cloud Storage' . Al je media worden dan van Google Cloud Storage naar je mediabibliotheek gekopieerd. Alle eerder toegevoegde links in je content blijven behouden (geen kapotte links).

 

Google Cloud ophalen

 

Let op: je kunt alleen bestanden van Google Cloud Storage naar de mediabibliotheek synchroniseren als ze via onze plug-in zijn geüpload.

Hoe verbind ik me met een CDN?

Google Cloud CDN is geïntegreerd met onze plugin. Om een ​​aangepast domein (CNAME) aan te maken, moet u eerst de Compute Engine API en de Certificate Manager API in het gedeelte Bibliotheek.

 

compute-engine-certificate-manager-api

 

Ga vervolgens naar Load balancing in Netwerkservices of ga naar deze link . Klik daarna op Load balancer maken en selecteer Configuratie starten . Klik vervolgens op Doorgaan .

 

load-balancer creëren

 

Bij de frontend-configuratie voert u tekst in bij het Naam (kleine letters, geen spaties). Selecteer HTTPS (inclusief HTTP/2) in Protocol . Klik vervolgens op het veld IP-adres > IP-adres aanmaken .

 

frontend-config

 

Klik vervolgens op het veld Certificaat > Een nieuw certificaat maken . In het pop-upvenster 'Een certificaat maken' vult u tekst in bij het veld Naam 'Google-beheerd certificaat maken' in modus 'Maken '. Voer vervolgens uw domein in bij het Domeinen , bijvoorbeeld: 'cdn.joomunited.com'. Klik ten slotte op 'Klaar '.

 

nieuw certificaat aanmaken

 

Vervolgens gaan we naar Backend-configuratie , klikken we op Backend-services en backend-buckets > Een backend-bucket maken . In het pop-upvenster vullen we Backend-bucketnaam en selecteren we een bucket in Cloud Storage-bucket . Klik daarna op Maken .

 

backend-bucket aanmaken

 

Klik ten slotte op 'Maken' .

 

create-load-balancer-final

 

Ga vervolgens naar Beveiliging > Certificaatbeheer > tabblad Klassieke certificaten, kopieer het Domein en plak dit in het Aangepast domein (CNAME) in de instellingen van Google Cloud Storage. Bijvoorbeeld: "cdn.hoadongho247.com" .


 

cdn-google-cloud-url

 

'Bestands-URL' bij elke afbeelding zien

 

bestands-url-cdn-google-cloud

 

Geavanceerde instellingen en acties

Je kunt een bucket selecteren om mappen en bestanden van de Google Cloud Storage-server naar je mediabibliotheek te importeren. Of je kunt alle bestanden van de ene bucket naar de andere kopiëren.

 

copy-buckets-google-cloud