WP Media Folder Addon: DigitalOcean-Integration

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

Melden Sie sich zunächst in Ihrem DigitalOcean-Konto auf der Website an. Gehen Sie dann hierher oder navigieren Sie im linken Menü zum API-Bereich und klicken Sie auf „Neuen Schlüssel generieren“ .

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

Abschließend werden dort die Schlüssel-ID und der geheime Schlüssel angezeigt. Bewahren Sie diese für den nächsten Schritt auf, um sich im WP Media Folderanzumelden.

Einen neuen Bereich erstellen

Ein neuer Bereich kann auf DigitalOcean oder mit WP Media Folder Plugin erstellt werden.

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

Wählen Sie eine Rechenzentrumsregion aus und geben Sie einen Namen für den Bereich ein. Klicken Sie auf die Schaltfläche „Bereich erstellen“ .

WP Media Folder vorzunehmen . Navigieren Sie zu Einstellungen > WP Media Folder > Cloud > Medien auslagern > DigitalOcean, klicken Sie auf Speicherplatzeinstellungen und anschließend auf die entsprechende Schaltfläche.

Wählen Sie anschließend Region und Namen für den Bereich aus.

Kehren Sie zum WordPress-Dashboard zurück und klicken Sie auf das Menü „Einstellungen“ > WP Media Folder > „Cloud“ > „Medien auslagern“ . Klicken Sie anschließend auf das Bearbeitungssymbol neben „Cloud-Anbieter auswählen“ und wählen Sie DigitalOcean .

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

Zugriffsschlüssel-ID
Geheimer Zugangsschlüssel

Speichern Sie anschließend die Einstellungen. Die Verbindung sollte nun funktionieren. Klicken Sie dann auf „Space-Einstellungen“ und anschließend auf die Schaltfläche „Auswahl“, um einen Space auszuwählen oder einen neuen zu erstellen. Im nächsten Schritt erfahren Sie mehr über die Funktionen von DigitalOcean.

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

Wie funktioniert es?

WP Media Folder mit DigitalOcean verbunden "In DigitalOcean kopieren" , werden alle Ihre neu hochgeladenen Medien an DigitalOcean gesendet.

Denken Sie daran, einen Speicherplatz für Ihre Daten anzulegen und auszuwählen. Wenn Sie Ihre hochgeladenen Medien vor der DigitalOcean-Integration synchronisieren möchten, klicken Sie auf „Mit DigitalOcean synchronisieren“ . Dadurch wird Ihre gesamte Medienbibliothek in Ihren DigitalOcean-Speicher übertragen.

Hinweis: Bei dieser Aktion wird die URL Ihrer Mediendatei durch die DigitalOcean-URL ersetzt. Siehe folgendes Beispiel:
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/image.jpg

Um die Mediendateien von Ihrer Website auszulagern, sollten Sie „Nach dem Hochladen . Ihre Medienbibliothek wird dann vollständig auf DigitalOcean anstatt auf Ihrem Server gespeichert.

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

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

Hinweis: Dateien von DigitalOcean können nur dann mit der Mediathek synchronisiert werden, 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 zu CloudFront: die Verwendung von Amazon S3 und die Standardmethode von DigitalOcean.

Beginnen wir mit den Standardeinstellungen von DigitalOcean.

Zuerst sollten Sie in Ihrem Spaces und den Bucket auswählen, den Sie mit Ihrer Website verbunden haben. Anschließend navigieren Sie zum Tab „Einstellungen“

bei den CDN-Optionen ( Content Delivery Network ) auf „Bearbeiten“ und aktivieren Sie dann „CDN aktivieren“ . Klicken Sie anschließend auf „Speichern“ .

Nach wenigen Sekunden Ladezeit erscheint eine Benachrichtigung, dass das CDN aktiviert wurde. Wählen Sie in der rechten Ecke „CDN-Endpunkt“ kopieren Sie die URL und fügen Sie sie in „Benutzerdefinierte Domäne (CNAME)“ .

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

Die zweite Möglichkeit besteht darin, Amazon S3 CloudFront zu nutzen. Navigieren Sie dazu im Amazon-Dashboard zu „Services“ > „CloudFront“ oder folgen Sie diesem Link .

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

Fügen Sie anschließend Ihre Domain in das „Ursprungsdomain . Beispiel: „https://joomunited.us-east-1.digitaloceanspaces.com“

Unter Abschnitt Cache-Schlüssel und Ursprungsanfragen Legacy-Cache-Einstellungen .

Scrollen Sie anschließend zum „Web Application Firewall (WAF)“ und wählen Sie „Sicherheitsschutz nicht aktivieren“ . Scrollen Sie dann ganz nach unten und klicken Sie auf „Verteilung erstellen“ .

Anschließend gehen Sie zu den Verteilungsdetails. Kopieren Sie dort den Namen der Verteilungsdomäne. Gehen Sie dann in WP Media Folder und fügen Sie ihn in das „Benutzerdefinierte Domäne (CNAME)“ .

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

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

Erweiterte Einstellungen und Aktionen

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