Soziale Netzwerke

WP Media Folder Addon: Google Cloud Storage-Integration

1. Erstellen Sie eine Google Drive-App


Die Google Cloud-Integration mit WP Media Folder ist im Add-on enthalten. Sie müssen dieses Add-on (Plugin) zusätzlich zu WP Media Folderinstallieren. Das Add-on bietet außerdem Integrationen für Google Drive, Google Fotos, Dropbox, OneDrive Personal, OneDrive Business, Amazon S3, DigitalOcean, Linode und Wasabi.

Zuerst müssen Sie sich bei der Google Cloud Console oder sich registrieren, falls Sie noch kein Google-Konto besitzen. Navigieren Sie zu Menü IAM & Verwaltung > Projekt erstellen .

 

Projekt erstellen-1

 

Geben Sie anschließend einen Projektnamen ein – Sie können einen beliebigen Namen wählen, jedoch ohne Leerzeichen oder Akzente. Warten Sie dann einige Sekunden, bis das Projekt erstellt ist.

 

Projektname

 

Wenn Sie Google Cloud Storage zum ersten Mal verwenden, sollten Sie zu APIs & Dienste > Bibliothek Cloud Storage sowie die Google Cloud Storage JSON API aktivieren

 

Cloud-Speicher-API

 

Klicken Sie im linken Menü auf „APIs & Services“ > „Zugangsdaten“.

 

Menü-API-Dienst

 

Klicken Sie im Hauptfenster auf „+ Neue Anmeldeinformationen“ >> OAuth-Client-ID ; falls Sie dazu aufgefordert werden, geben Sie Ihrem OAuth-Zustimmungsbildschirm einen Namen.

 

oAuth-Google-Drive

 

Nun zum wichtigsten Schritt:

  • Wählen Sie „Webanwendung“ und geben Sie einen Namen Ihrer Wahl ein.
  • Autorisierte JavaScript-Ursprungsadresse: https://your-domain.com (ersetzen Sie dies durch Ihren Domainnamen ohne abschließenden Schrägstrich)
  • Autorisierte Weiterleitungs-URIs: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_cloud_auth
    (ersetzen Sie dies durch Ihren Domainnamen)

 

App-Anmeldeinformationen

 

Hinweis: Falls die Warnung „Um eine OAuth-Client-ID zu erstellen, müssen Sie zuerst einen Produktnamen auf dem Zustimmungsbildschirm festlegen“ angezeigt wird, klicken Sie auf die „Zustimmungsbildschirm konfigurieren oder gehen Sie zu APIs & Services >> OAuth-Zustimmungsbildschirm und fügen Sie dann Ihren Domänennamen unter Autorisierte Domänen .

Als Erstes müssen Sie den Benutzertyp auswählen.

 

OAuth-Benutzertyp

 

  • Intern: Ihre App ist auf Google Workspace-Nutzer innerhalb Ihrer Organisation beschränkt. Sie müssen Ihre App nicht zur Verifizierung einreichen.
  • Extern: Ihre App ist für alle Nutzer mit einem Google-Konto verfügbar. Sobald Ihre App zur Veröffentlichung bereit ist, müssen Sie sie möglicherweise verifizieren.

Geben Sie anschließend Ihre autorisierten Domains ein und fahren Sie mit den folgenden Schritten fort, um die App-Registrierung abzuschließen. Nun können Sie zum vorherigen Schritt zurückkehren: Wählen Sie „Webanwendung“, um die Anmeldeinformationen zu erstellen.

 

Einwilligungsbildschirm

 

Und dann… voilà! Sie haben Ihre ID und Ihr Geheimnis, die Sie in der Konfiguration des WP Media Folderhinzufügen können.

 

oauth-client

 

Einen Bucket erstellen

Um Google Cloud zu nutzen, müssen Sie einen neuen Bucket erstellen. Gehen Sie dazu in den Bucket-Bereich: Cloud Storage Buckets . Klicken Sie anschließend auf Erstellen “.

 

Google-Cloud-Bucket erstellen

 

Als Nächstes sollten Sie die folgenden Optionen ausfüllen:

  • Name des Eingabe-Buckets
  • Wählen Sie aus, wo Ihre Daten gespeichert werden sollen
  • Wählen Sie eine Speicherklasse für Ihre Daten
  • Wählen Sie eine Standard-Speicherklasse für Ihre Daten
  • Wählen Sie aus, wie der Zugriff auf Objekte gesteuert werden soll ( Verhinderung des öffentlichen Zugriffs: Aus, Zugriffskontrolle: Fein abgestuft)
  • Wählen Sie aus, wie Objektdaten geschützt werden sollen

 

Bucket-Schritt erstellen

 

Klicken Sie anschließend auf die „Erstellen “. Wenige Sekunden nach dem Laden werden Ihnen die Bucket-Detailinformationen angezeigt:

 

Bucket-Details

 

Alternativ können Sie in WP Media Folder Einstellungen einen neuen Bucket erstellen. Gehen Sie dazu auf „ Einstellungen“ > WP Media Folder > „Cloud“ > „Medien auslagern“ > „Google Cloud Storage“ , klicken Sie auf „Bucket-Einstellungen“ und wählen Sie den gewünschten Bucket aus. Geben Sie im Popup-Fenster unten den Bucket-Namen ein und klicken Sie auf Erstellen “.

 

create-bucket-wp

 

2. Melden Sie sich über WP Media Folder bei Google Cloud Storage an

Kehren Sie zum WordPress-Dashboard zurück und klicken Sie auf Einstellungen > WP Media Folder > Cloud- und Medien-Offloading. Klicken Sie anschließend Abschnitt Google Cloud Storage Schaltfläche „Ändern .

Fügen Sie dann Folgendes in die Formularfelder ein:

  • Zugangsschlüssel-ID
  • Geheimer Zugangsschlüssel
  • Projekt-ID

 

Google Cloud-Anmeldeinformationen ausfüllen

 

Speichern Sie anschließend die Einstellungen. Die Verbindung sollte nun erfolgreich hergestellt werden. Fahren Sie mit dem nächsten Schritt fort, um die Funktionen von Google Cloud Storage kennenzulernen.

 

3. Wie funktioniert es? Was kann ich mit Google Cloud machen?

Wie funktioniert es?

Sobald Sie WP Media Folder mit Google Cloud Storage verbunden haben, wählen Sie bitte einen Bucket aus oder erstellen Sie einen neuen, in dem alle Ihre Daten gespeichert werden sollen.

 

create-bucket-wp-google-cloud

 

Sie können auch „In Google Cloud Storage kopieren“ ; dann werden alle Ihre neu hochgeladenen Mediendateien an Google Cloud gesendet.

 

In Google Cloud kopieren

 

Wenn Sie Ihre hochgeladenen Medien vor der Integration mit Google Cloud Storage synchronisieren möchten, klicken Sie auf „Mit Google Cloud Storage synchronisieren“ . Dadurch wird Ihre gesamte bestehende Medienbibliothek in Ihren Google Cloud-Bucket übertragen.

Hinweis: Bei dieser Aktion wird die URL Ihrer Mediendatei durch die Google Cloud Storage-URL ersetzt. Siehe folgendes Beispiel:
Von https://joomunited.com/wp-content/uploads/2019/02/image.jpg zu >> https://storage.googleapis.com/{bucket}/wp-media-folder-joomunited/wp-content/uploads/2019/02/image.jpg

 

Um die Mediendateien von Ihrer Website auszulagern, sollten Sie „Nach dem Hochladen entfernen“ . Ihre Medienbibliothek wird dann vollständig in der Google Cloud anstatt auf Ihrem Server gespeichert.

 

Medien auslagern-Google-Cloud

 

Durch Aktivieren der „Anhangsbezeichnung“ werden die Informationen zu jedem Medium angezeigt, wenn Sie mit der Maus über die Google Cloud -Bezeichnung oben rechts fahren.

 

google-cloud-label

 

Wenn Sie den Speicherort Ihrer Medien ändern oder das Plugin entfernen möchten, klicken Sie auf „Google Cloud Storage-Medien abrufen“ . Ihre Medien werden dann von Google Cloud Storage in Ihre Mediathek kopiert. Alle zuvor hinzugefügten Links bleiben erhalten (keine defekten Links).

 

Google Cloud abrufen

 

Hinweis: Dateien können nur dann von Google Cloud Storage in die Mediathek synchronisiert werden, wenn sie über unser Plugin hochgeladen wurden.

Wie schließe ich ein CDN an?

Google Cloud CDN ist in unser Plugin integriert. Um eine benutzerdefinierte Domain (CNAME) zu erstellen, müssen Sie zunächst die Compute Engine API und die Certificate Manager API im Bereich „Bibliothek“ aktivieren.

 

compute-engine-certificate-manager-api

 

Navigieren Sie anschließend im „Netzwerkdienste“ „Lastverteilung“ oder folgen Sie diesem Link . Klicken Sie dann auf „Lastverteilung erstellen“ und anschließend auf „Konfiguration starten“ . Klicken Sie dann auf Weiter “.

 

Loadbalancer erstellen

 

in der Frontend-Konfiguration im „Name“ (Kleinbuchstaben, keine Leerzeichen). Wählen Sie im „Protokoll“ „HTTPS (einschließlich HTTP/2)“ . Klicken Sie anschließend auf das Feld „IP-Adresse“ > „IP-Adresse erstellen“ .

 

frontend-config

 

Klicken Sie anschließend auf „Zertifikat“ > „Neues Zertifikat erstellen“ . Geben Sie im Popup-Fenster „Zertifikat erstellen“ Feld „Name“ einen Text ein im Erstellungsmodus „Von Google verwaltetes Zertifikat erstellen“ . Geben Sie nun im Domains“ , z. B. „cdn.joomunited.com“. Klicken Sie abschließend auf „ Fertig .

 

neues Zertifikat erstellen

 

Als Nächstes navigieren wir zum „Backend-Konfiguration“ . Klicken Sie dort auf „Backend-Dienste & Backend-Buckets“ > „Backend-Bucket erstellen“ . Geben Sie im Popup- den Namen des Backend-Buckets „Cloud Storage-Bucket“ einen Bucket aus . Klicken Sie anschließend auf Erstellen “.

 

create-backend-bucket

 

Klicken Sie anschließend auf „Erstellen “.

 

create-load-balancer-final

 

Navigieren Sie anschließend zu Sicherheit > Zertifikatsverwaltung > Registerkarte „Klassische Zertifikate“, kopieren Sie das „Domäne“ und fügen Sie es in das „Benutzerdefinierte Domäne (CNAME) in den Google Cloud Storage-Einstellungen ein. Zum Beispiel in diesem Fall: „cdn.hoadongho247.com“ .


 

cdn-google-cloud-url

 

Abschließend können Sie die Änderungen im „Datei-URL“ in jedem Bild sehen.

 

file-url-cdn-google-cloud

 

Erweiterte Einstellungen und Aktionen

Sie können einen Bucket auswählen, um Ordner und Dateien von Ihrem Google Cloud Storage-Server in Ihre Medienbibliothek zu importieren. Alternativ können Sie alle Dateien von einem Bucket in einen anderen kopieren.

 

copy-buckets-google-cloud