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.

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.

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

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

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

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)

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-Zustimmungsbildschirmund fügen Sie dann Ihren Domänennamen unter Autorisierte Domänen.

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

• 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.

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

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 “.

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

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

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

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

Kehren Sie zum WordPress-Dashboard zurück und klicken Sie auf das Menü Einstellungen > WP Media Folder >  Cloud & Media Offload > Media Offload > wählen Sie Google Cloud Storage.

Fügen Sie anschließend Folgendes in die Formularfelder ein:

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

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.

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

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.

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.

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

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).

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.

Navigieren Sie anschließend im Bereich „Netzwerkdienste“ zu „Lastverteilung“ oder folgen Sie diesem Link . Klicken Sie dann auf die Schaltfläche „Lastverteilung erstellen“ und anschließend auf „Konfiguration starten“ . Klicken Sie dann auf „ Weiter “.

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

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

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

Klicken Sie anschließend auf „Erstellen “.

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“.

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

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.