Zum Hauptinhalt springen

WP Media Folder Addon: DigitalOcean-Integration

1. Wie erstelle ich einen neuen API-Schlüssel in DigitalOcean?

Zuerst sollten Sie Ihr DigitalOcean-Konto auf der Website anmelden. Gehen Sie dann hierher oder navigieren Sie im linken Menü zum Abschnitt API, klicken Sie auf die Neuen Schlüssel generieren .

 

Erzeuge-neuen-Schlüssel

 

Geben Sie danach den Schlüsselnamen ein und klicken Sie auf die grüne Häkchen-Schaltfläche.

 

Name-neuer-Schlüssel

 

Schließlich werden dort die Schlüssel-ID und der geheime Schlüssel angezeigt. Bewahren Sie es für den nächsten Schritt auf, um sich im WP Media Folder .

 

Neuer-Schlüssel-generieren

 

Erstellen Sie einen neuen Raum

Ein neuer Bereich kann im DigitalOcean- oder WP Media Folder -Plugin erstellt werden.

Die erste Möglichkeit besteht darin, auf der DigitalOcean-Site zu erstellen und auf die Schaltfläche Erstellen > Bereiche in der oberen rechten Ecke des Dashboards zu klicken.

 

Raum schaffen

 

Wählen Sie eine Rechenzentrumsregion und geben Sie den Namen für den Bereich ein. Klicken Sie auf Schaltfläche Space erstellen

 

name-space-digital-ozean

 

Einstellungen WP Media Folder zu erstellen Navigieren Sie zum Menü Settings > WP Media Folder > Cloud > Offload Media > DigitalOcean, klicken Sie auf Space settings and selection button.

 

Space-Einstellungen-Auswahl

 

Wählen Sie dann Region und Name für den Bereich aus.

 

create-space-mf

 

2. Melden Sie sich über den WP Media Folder -Medienordner bei DigitalOcean an

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

  • Zugangsschlüssel-ID
  • Geheimer Zugangsschlüssel

 

eingabetaste-digital-ocean

 

Speichern Sie danach die Einstellungen und die Verbindung sollte erfolgreich sein. Klicken Sie dann auf die Space-Einstellungen und die Auswahlschaltfläche , um einen Space auszuwählen oder einen neuen zu erstellen. Bitte gehen Sie zum nächsten Schritt, um die Funktionen von DigitalOcean zu entdecken.

 

Leerzeichen auswählen

 

3. Wie funktioniert es? Was kann ich mit DigitalOcean tun?

Wie funktioniert es?

Sobald Sie WP Media Folder mit DigitalOcean verbunden und die Copy to DigitalOcean haben, werden alle Ihre neu hochgeladenen Medien an DigitalOcean gesendet.

 

Copy-to-DigitalOcean

 

Denken Sie daran, einen Bereich zu erstellen und auszuwählen, in dem alle Ihre Daten gespeichert werden. Und wenn Sie Ihre hochgeladenen Medien synchronisieren möchten, bevor Sie die DigitalOcean-Integration verwenden, klicken Sie auf die Mit DigitalOcean synchronisieren . Dann wird Ihre gesamte vorhandene Medienbibliothek an Ihren DigitalOcean-Bereich gesendet.

 

sync-media-button-digital

 

Hinweis: Wenn Sie diese Aktion ausführen, wird die URL Ihrer Medien durch die DigitalOcean-URL ersetzt.
Bitte sehen Sie sich das Beispiel unten an. Von https://joomunited.com/wp-content/uploads/2019/02/image.jpg zu >> https://joomunited-space.nyc3.digitaloceanspaces.com/wp-media-folder-joomunited/wp-content /uploads/2019/02/bild.jpg

 

Um die Medien auf Ihrer Website zu entladen, sollten Hochladen entfernen , Ihre Medienbibliothek wird vollständig auf DigitalOcean statt auf Ihrem Server gespeichert.

 

entfernen-nach-dem-hochladen-digital-ocean

 

Attachment Label aktivieren , werden die Informationen zu jedem Medium angezeigt, wenn Sie mit der Maus über das DigitalOcean-Label oben rechts fahren.

 

label-digitalOcean

 

Wenn Sie Ihren Medienspeicherort ändern oder das Plugin entfernen möchten, klicken Sie auf die Medien DigitalOcean in Ihre Medienbibliothek kopiert. Alle früheren Links, die zu Ihren Inhalten hinzugefügt wurden, bleiben bestehen (kein defekter Link).

 

abrufen-media-digitalocean

 

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

 

Wie verbinde ich CloudFront?

Cloudfront ist in unser Plugin integriert. DigitalOcean bietet zwei Methoden zum Herstellen einer Verbindung mit CloudFront. Zum einen über die Verwendung von Amazon S3 und zum anderen über die Standardmethode von DigitalOcean.

Beginnen wir mit der Standardeinstellung von DigitalOcean.

Zuerst sollten Sie zu Ihren Spaces auf DigitalOcean gehen und den Bucket auswählen, den Sie mit Ihrer Site verbunden haben. Navigieren Sie dann zur „Einstellungen“ .

bei „CDN“ ( Content Delivery Network ) auf „Bearbeiten“ und aktivieren Sie dann „CDN aktivieren“ . Und klicken Sie auf Speichern .

 

digital-ocean-cdn-default

 

Ein Benachrichtigungs-Popup zeigt an, dass CDN nach einigen Sekunden des Ladens aktiviert wurde. Wählen Sie in der rechten Ecke die Option „ CDN-Endpunkt“ Feld „Benutzerdefinierte Domäne (CNAME)“

 

cdn-endpoint-url-digital-ocean-default


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

 

Datei-URL-cdn-digital-ocean-default

 

Und zweitens können Sie Amazon S3 Cloudfront nutzen. Navigieren Sie zunächst im Amazon-Dashboard zu „Dienste“ > „CloudFront“ oder gehen Sie zu diesem Link .

 

Cloudfront-Menü

 

Klicken Sie von hier aus auf Verteilung erstellen in der rechten Ecke.

 

Erstellen-Verteilung-Schaltfläche

 

Fügen Sie dann Ihre Domain in das „Ursprungsdomäne“ . Beispiel: „https://joomunited.us-east-1.digitaloceanspaces.com“

 

Create-Distribution-Digital-Ocean

 

im Abschnitt „Standard-Cache-Verhalten“ > „Cache-Schlüssel und Ursprungsanforderungen“ „Legacy-Cache-Einstellungen“ .

 

Legacy-Cache-Einstellung

 

Scrollen Sie als Nächstes nach unten zum Web Application Firewall (WAF) und wählen Sie „Sicherheitsschutz nicht aktivieren“ . Scrollen Sie schließlich nach unten und klicken Sie auf die „Verteilung erstellen“ .

 

Web-Application-Firewall-Digital-Ocean

 

Dann geht es zu Verteilungsdetails, kopieren Sie den Verteilungsdomänennamen. Und gehen Sie zur Amazon-Einstellung im WP Media Folder und fügen Sie sie in das Feld Custom Domain (CNAME)

 

Kopie-Verteilung

 

Bitte warten Sie einige Minuten, bis das Bild vollständig geladen ist, wenn das Feld „Zuletzt geändert“ von „Wird bereitgestellt“ auf das aktuelle Datum geändert wird.

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

 

Datei-URL-cdn-digital-ocean-s3

 

Erweiterte Einstellungen und Aktionen

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

 

Kopierräume