Zum Hauptinhalt springen

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 Folder installieren. Das Add-on beinhaltet auch die Integration für Google Drive, Google Photo, Dropbox, OneDrive Personal, OneDrive Business, Amazon S3, DigitalOcean, Linode und Wasabi.

Zuerst müssen Sie sich bei der Google Cloud Console oder sich registrieren, wenn Sie kein Google-Konto haben. Navigieren Sie zu Menu IAM & Admin > Create a project .

 

Projekt erstellen-1

 

Richten Sie dann einen Projektnamen ein – Sie können einen beliebigen Namen vergeben, aber keine Leerzeichen oder Akzente verwenden. Warten Sie dann einige Sekunden auf die Projekterstellung.

 

Projektname

 

Wenn Sie Google Cloud Storage zum ersten Mal verwenden, sollten Sie zu APIs & Services > Library Cloud Storage und Google Cloud Storage JSON API aktivieren

 

cloud-storage-api

 

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

 

Menü-API-Service

 

Klicken Sie im Hauptfenster auf „+ New Credentials“ >> OAuth client ID ; Wenn Sie dazu aufgefordert werden, fügen Sie Ihrem OAuth-Zustimmungsbildschirm einen Namen hinzu.

 

oAuth-Google-Laufwerk

 

Nun der wichtigste Schritt:

  • Wählen Sie „Webanwendung“ und fügen Sie einen Namen Ihrer Wahl hinzu
  • Autorisierter JavaScript-Ursprung: https://your-domain.com (durch Ihren Domain-Namen ersetzen, 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
    (durch Ihren Domainnamen ersetzen)

 

App-Anmeldeinformationen

 

Hinweis: Wenn diese Warnung angezeigt wird: „Um eine OAuth-Client-ID zu erstellen, müssen Sie zuerst einen Produktnamen auf dem Zustimmungsbildschirm festlegen“, sollten Sie auf Zustimmungsbildschirm konfigurieren oder zu APIs & Services >> OAuth-Zustimmungsbildschirm und dann Ihren hinzufügen Domainname unter Autorisierte Domains .

Zunächst 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 Überprüfung einreichen
  • Extern: Ihre App steht jedem Nutzer mit einem Google-Konto zur Verfügung. Sobald Ihre App zur Veröffentlichung bereit ist, müssen Sie sie möglicherweise verifizieren.

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

 

Zustimmungsbildschirm

 

Dann… voilà! Sie haben Ihre ID und Ihr Geheimnis in der Konfiguration des WP Media Folder hinzugefügt.

 

oauth-client

 

Erstellen Sie einen Eimer

Um Google Cloud zu verwenden, sollten Sie einen neuen Bucket erstellen. Bitte gehen Sie zum Bucket-Bereich: Cloud Storage Buckets . Klicken Sie dann auf Schaltfläche Erstellen

 

kreiere-bucket-google-cloud

 

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

  • Geben Sie den Bucket-Namen ein
  • Wählen Sie aus, wo Ihre Daten gespeichert werden sollen
  • Wählen Sie die Speicherklasse für Ihre Daten
  • Wählen Sie eine Standardspeicherklasse für Ihre Daten aus
  • Wählen Sie aus, wie der Zugriff auf Objekte gesteuert werden soll
  • Wählen Sie aus, wie Objektdaten geschützt werden sollen

 

create-bucket-step

 

Klicken Sie danach auf die Schaltfläche Erstellen im Popup Bestätigen

 

Bestätigungseimer

 

Dann können Sie die Bucket-Detailinformationen sehen:

 

Bucket-Details

 

Oder Sie können einen neuen Bucket in WP Media Folder Einstellungen erstellen. Navigieren Sie zum Menü Settings > WP Media Folder > Cloud > Offload Media > Google Cloud Storage , klicken Sie auf Bucket settings and selection button. Geben Sie unten im Popup den Bucket-Namen ein und klicken Sie auf die Schaltfläche Erstellen

 

create-bucket-wp

 

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

Kehren Sie zum WordPress-Dashboard zurück und klicken Sie auf das Menü Einstellungen > WP Media Folder > Cloud > Offload Media > Registerkarte Google Cloud Storage. Fügen Sie Folgendes in die Formularfelder ein:

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

 

Anmeldedaten ausfüllen-google-cloud

 

Speichern Sie danach die Einstellungen und die Verbindung sollte erfolgreich sein. Bitte fahren Sie mit dem nächsten Schritt fort, um die Funktionen von Google Cloud Storage zu entdecken.

 

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

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.

 

create-bucket-wp-google-cloud

 

Und Sie können die Copy to Google Cloud Storage , alle Ihre neu hochgeladenen Medien werden an Google Cloud gesendet.

 

in die google-cloud kopieren

 

Und wenn Sie Ihre hochgeladenen Medien synchronisieren möchten, bevor Sie die Google Cloud Storage-Integration verwenden, klicken Sie auf die Schaltfläche Mit Google Cloud Storage synchronisieren Dann wird Ihre gesamte vorhandene Medienbibliothek an Ihren Google Cloud-Bucket gesendet.

Hinweis: Wenn Sie diese Aktion ausführen, wird die URL Ihrer Medien durch die Google Cloud Storage-URL ersetzt.
Bitte sehen Sie sich das Beispiel unten an. 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/bild.jpg

 

Um die Medien auf Ihrer Website auszulagern, sollten Nach dem Hochladen entfernen , Ihre Medienbibliothek wird vollständig in Google Cloud statt auf Ihrem Server gespeichert.

 

offload-media-google-cloud

 

Durch Aktivieren der „Anhangslabel“ werden die Informationen zu jedem Medium angezeigt, wenn Sie mit der Maus auf das Google Cloud -Label oben rechts zeigen.

 

Google-Cloud-Label

 

Wenn Sie Ihren Medienspeicherort ändern oder das Plug-in entfernen möchten, klicken Sie auf die Google Cloud Storage-Medien abrufen“, dann werden alle Ihre Medien aus Google Cloud Storage in Ihre Medienbibliothek kopiert. Alle früheren Links, die in Ihren Inhalten hinzugefügt wurden, bleiben bestehen (kein defekter Link).

 

abrufen-google-cloud

 

Hinweis: Sie können Dateien von Google Cloud Storage nur dann mit der Medienbibliothek synchronisieren, wenn sie über unser Plugin hochgeladen wurden.

Wie verbinde ich CDN?

Google Cloud CDN ist in unser Plugin integriert. Um eine benutzerdefinierte Domäne (CNAME) zu erstellen, sollten Sie zunächst die Compute Engine API und die Certificate Manager API im Abschnitt „Bibliothek“ aktivieren.

 

Compute-Engine-Zertifikat-Manager-API

 

Navigieren Sie anschließend im „Netzwerkdienste“ Lastenausgleich oder gehen Sie zu diesem Link . Klicken Sie anschließend auf „Load Balancer erstellen“ und wählen Sie „Konfiguration starten“ . Klicken Sie dann auf „Weiter“ .

 

Load-Balancer erstellen

 

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

 

frontend-config

 

Klicken Sie dann auf das Feld „Zertifikat“ > „Neues Zertifikat erstellen“ . Sie im Popup „Zertifikat erstellen“ Text in das Feld „ Name im Erstellungsmodus „Von Google verwaltetes Zertifikat erstellen“ . Geben Sie als Nächstes Ihre Domain in das „Domains“ . zB: „cdn.joomunited.com“. Klicken Sie schließlich auf „Fertig“ .

 

Neues Zertifikat erstellen

 

Als Nächstes navigieren wir zum Abschnitt „Backend-Konfiguration“ „Backend-Dienste und Backend-Buckets“ > „Backend-Bucket erstellen“ . Füllen Sie dann im Popup das Feld „ Name des Backend-Buckets“ Feld „Cloud Storage-Bucket“ Klicken Sie dann auf „Erstellen“ .

 

Backend-Bucket erstellen

 

Klicken Sie schließlich auf „Erstellen“ .

 

create-load-balancer-final

 

Navigieren Sie dann zur „Sicherheit“ > „Zertifikatsmanager“ > „Klassische Zertifikate“ , kopieren Sie das Domäne “ und fügen Sie es in das „Benutzerdefinierte Domäne (CNAME)“ in der Google Cloud Storage-Einstellung ein. In diesem Fall zum Beispiel: „cdn.hoadongho247.com“ .


 

cdn-google-cloud-url

 

Schließlich können Sie die Änderungen im Datei-URL in jedem Bild sehen.

 

Datei-URL-cdn-google-cloud

 

Erweiterte Einstellungen und Aktionen

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

 

copy-buckets-google-cloud