WordPress S3 Tutorial: So verbinden Sie WordPress mit Amazon S3 Bucket

Suchen Sie nach einem WordPress S3-Tutorial, um Ihre WordPress-Site mit Amazon S3 zum Laufen zu bringen? In diesem Beitrag werde ich Sie durch alles führen, was Sie über WordPress und Amazon S3 wissen müssen.


Zunächst beginne ich mit einem Überblick darüber, was Amazon S3 * tatsächlich * ist und wie es Ihrer WordPress-Site zugute kommen kann. Anschließend werde ich Sie durch den genauen Prozess führen, den Sie ausführen müssen, um die Dateien Ihrer WordPress-Site auf Amazon S3 zu verlagern.

Es gibt viel zu besprechen, also lasst uns eintauchen …

WordPress S3 Tutorial

Was ist Amazon S3??

Amazon S3 ist ein Objektspeicherdienst von Amazon Web Services. Sie werden es vielleicht nicht bemerken, aber ein großer Teil des Internets ist auf Amazon S3 angewiesen, weshalb selbst ein kurzer S3-Ausfall an einem Ort dazu führen kann, dass das gesamte Internet gemeinsam funktioniert, ausrasten.

Ich bin nicht besonders daran interessiert, auf die spezifischen Details des Objektspeichers einzugehen (Wikipedia kann Ihnen da draußen helfen). Stattdessen interessiert mich mehr Wie Amazon S3 und Objektspeicher eine Verbindung zu Ihrer WordPress-Site herstellen.

Die häufigste Verwendung von Amazon S3 ist das Speichern aller Dateien, die Sie normalerweise in Ihrer WordPress-Medienbibliothek in der Cloud speichern würden. Im Wesentlichen können Sie speichern ("ausladen") Ihre:

  • ��️ Bilder
  • �� Videos
  • �� Audiodateien
  • �� PDF-Dokumente
  • usw.

Darüber hinaus verwenden einige Benutzer S3 auch zum Speichern von Assets wie CSS, JavaScript usw..

Jeder Amazon S3-Speicherbereich wird als a bezeichnet "Eimer". Ein Bucket ist im Grunde eine Sammlung von Dateien (Sie können sich über die Objektspeicherung informieren, wenn Sie wissen möchten, wie diese Dateien tatsächlich gespeichert werden)..

Anstatt Dateien auf Ihrem eigenen Server zu speichern, speichern Sie sie im Wesentlichen in einem Bucket bei Amazon S3.

Welche Vorteile bietet die Verwendung von Amazon S3 für Ihre WordPress-Site??

  • Reduzierte Anfragen an den Server – Da Ihr Server keine Mediendateien (oder potenziellen Assets) mehr bereitstellen muss, können Sie die Ladezeiten Ihrer Seiten reduzieren.
  • Preisgünstigerer Speicher – Wenn Sie gegen die Speicherbeschränkungen Ihres Hosts stoßen, kann ich fast garantieren, dass die Speicherpreise von S3 günstiger sind als die von Ihrem Host berechneten.
  • Freistehende Medien – Da Ihre Mediendateien von Ihrer Site getrennt sind, ist es viel einfacher, Ihre WordPress-Site zu verschieben (wie zwischen Hosts). Sie verschieben im Grunde nur die PHP-Dateien, die fast keinen Platz beanspruchen.
  • Skalierbarkeit – Da Amazon S3 das gesamte Internet mit Strom versorgt (ok, das ist ein bisschen übertrieben), können Sie ziemlich sicher sein, dass Amazon mit dem, was mit Ihrer Website passiert, skalieren kann.

Und hier ist der lustige Teil:

Amazon S3 ist für Ihr erstes Jahr kostenlos (bis zu 5 GB Speicherplatz). Und auch danach ist es so überraschend günstig.

Was ist der Unterschied zwischen Amazon S3 und einem CDN??

Viele Leute sprechen über Amazon S3, als wäre es dasselbe wie ein CDN. Ich verstehe warum – es gibt definitiv einige Ähnlichkeiten auf Oberflächenebene, die es leicht machen, die beiden zu verwechseln.

Das heißt, Sie können wie bei einem CDN Bilder von Amazon S3 anstatt vom Server Ihrer WordPress-Site laden.

Aber hier ist, was nicht wie ein CDN ist:

Wenn Sie bei Amazon S3 einen Bucket erstellen, befindet sich dieser an einem physischen Ort (den Sie auswählen können)..

Ein CDN hingegen hat Standorte auf der ganzen Welt verteilt.

In dieser Hinsicht hat Amazon S3 tatsächlich mehr mit Ihrem eigenen Server (einem einzelnen physischen Standort) gemeinsam als mit einem CDN (viele Standorte auf der ganzen Welt)..

In einer Nussschale:

Amazon S3: Während Sie Ihren Besuchern definitiv Dateien aus S3 bereitstellen können, sind es S3 Hauptaugenmerk liegt auf der Speicherung.

CDN: Ein CDN ist fokussiert bei der Lieferung von Dateien so schnell wie möglich, anstatt sie kostengünstig aufzubewahren (wie S3).

Warum also nicht einfach ein CDN verwenden??

Nun, hier ist die Sache:

Sie können weiterhin ein CDN verwenden. Es ist überraschend einfach, Ihren Amazon S3-Bucket mit Ihrem Lieblings-CDN zu verbinden. Sie können es mit allem von Cloudflare über KeyCDN bis hin zu Stackpath verwenden.

Amazon Web Services verfügt sogar über ein eigenes CDN namens CloudFront, mit dem sich auch ganz einfach eine Verbindung zu Amazon S3 herstellen lässt.

Auf diese Weise empfehle ich Ihnen, dies zu tun, wenn Sie ein globales Publikum haben.

Wenn Sie beide verwenden, können Sie:

  • erhalten Sie immer noch die Speichervorteile von S3
  • Nutzen Sie auch die Leistungsvorteile eines CDN

Die WordPress S3 Verbindung erklärt

Wenn Sie den Anweisungen in diesem Beitrag folgen, erfahren Sie am Ende dieses WordPress S3-Tutorials, wie Ihre WordPress-Site funktioniert:

  • Sie laden Dateien wie gewohnt in Ihre WordPress-Medienbibliothek hoch (d. H. Über die normale Medien hinzufügen Taste)
  • Ihr ausgewähltes WordPress S3-Plugin kopiert oder verschiebt diese Dateien automatisch nach Amazon S3
  • Ihre WordPress-Site stellt entweder die in S3 gespeicherte Datei bereit oder verwendet ein CDN, das mit Ihrem S3-Bucket verbunden ist

Folgendes benötigen Sie, um die WordPress S3-Integration einzurichten

Um WordPress mit Amazon S3 zu verbinden, benötigen Sie:

  • Ein Amazon Web Services-Konto – Sie können sich kostenlos anmelden.
  • Ein öffentlicher Amazon S3-Bucket – Dies ist kostenlos für Ihr erstes Jahr (bis zu 5 GB). Ich zeige Ihnen, wie Sie eine erstellen.
  • Ein WordPress S3 Plugin – Auf diese Weise können Sie die Dateien, die Sie in WordPress hochladen, automatisch in Ihren S3-Bucket auslagern.

Welches WordPress S3 Plugin solltest du verwenden??

Es gibt einige verschiedene WordPress S3-Plugins, aus denen Sie auswählen können:

  • WP Offload Media Lite – hat eine ziemlich großzügige kostenlose Version, aber diese kostenlose Version funktioniert nur mit neu hochgeladenen Dateien. Wenn Sie sich für Pro entscheiden, können Sie Ihre Assets auch in S3 speichern, bereitstellen und vorhandene Dateien hochladen. Außerdem ist es sehr einfach, später ein CDN zu verwenden (sofern dies in Ihrem Plan enthalten ist)..
  • W3 Gesamt-Cache – W3 Total Cache enthält eine Funktion, mit der Sie Ihre Site mit Amazon S3 verbinden können, wenn Sie in den W3 Total Cache-Einstellungen S3 als CDN auswählen.
  • Medienbibliotheksordner Pro S3 – Ermöglicht die Verwaltung Ihrer WordPress-Medienbibliothek mit Ordnern, während alle oder einige dieser Dateien gleichzeitig an Amazon S3 ausgelagert werden und dieselbe Ordnerstruktur beibehalten wird.
  • Vom Menschen erstellte S3-Uploads – Ohne Git-Schnittstelle ist dieses von GitHub gehostete Projekt von Human Made nicht für Gelegenheitsbenutzer gedacht. Aber Entwickler sollten es zu schätzen wissen. Du kannst Lesen Sie hier mehr darüber.

Das WordPress S3-Plugin, das ich für dieses Tutorial verwenden werde

Für dieses Tutorial werde ich verwenden WP Offload Media Lite von Delicious Brains, da dies die bekannteste Option zum Zeitpunkt des Schreibens dieses Artikels ist.


WP Offload Media Lite für Amazon S3, DigitalOcean Spaces und Google Cloud Storage WP Offload Media Lite für Amazon S3, DigitalOcean Spaces und Google Cloud Storage

Autor (en): Köstliche Gehirne

Aktuelle Version: 2.3.2

Letzte Aktualisierung: 11. März 2020

amazon-s3-and-cloudfront.2.3.2.zip


80% Bewertungen


Über 40.000 Installationen


WP 4.9 + Erforderlich

Aber hier ist die Sache mit dem Einrichtungsprozess:

Die meisten Schritte werden in der Amazon S3-Oberfläche ausgeführt und sind für alle Plugins identisch. Das bedeutet, dass Sie wahrscheinlich den größten Teil dieses Handbuchs befolgen können, selbst wenn Sie sich für eines der anderen Plugins entscheiden.

Die einzigen Unterschiede sind die sehr kurzen Abschnitte, die in der Benutzeroberfläche jedes Plugins vorkommen.

So verwenden Sie WordPress mit Amazon S3: Schritt für Schritt

Hier finden Sie alles, was Sie tun müssen, um Amazon S3 mit Ihrer WordPress-Site zu verwenden:

Es sollte wahrscheinlich selbstverständlich sein, aber ich empfehle Ihnen dringend, Ihre Site zu sichern, bevor Sie mit diesem Prozess beginnen.

Schritt 1: Installieren und aktivieren Sie das WP Offload Media Lite-Plugin

Sie werden noch nichts in der Benutzeroberfläche des Plugins tun. Bevor Sie jedoch in die Amazon S3-Benutzeroberfläche springen, sollten Sie sicherstellen, dass das Plugin auf Ihrer Website installiert und aktiviert ist.

Wenn Sie WP Offload Media Lite aktivieren, werden Sie dazu aufgefordert Definieren Sie Ihre AWS-Schlüssel.

In den nächsten Schritten folgen Sie dem Vorgang, um diese Schlüssel tatsächlich zu generieren.

Schritt 2: Erstellen Sie einen neuen Bucket bei Amazon S3

Wenn Sie noch kein kostenloses Amazon Web Services-Konto erstellt haben, gehen Sie zu voraus und mach das jetzt.

Navigieren Sie nach dem Erstellen Ihres Kontos entweder in Ihrem AWS-Konto-Dashboard zum Abschnitt Amazon S3 oder Klicken Sie hier, um direkt zu S3 zu gelangen.

Klicken Sie in der S3-Oberfläche auf die Schaltfläche zu Eimer erstellen:

Amazon S3-Schnittstelle

Auf der Popup-Oberfläche:

  • Geben Sie Ihrem Eimer einen Namen
  • Wähle ein Region (Machen Sie dies so nah wie möglich an Ihrer Zielgruppe, insbesondere wenn Sie nicht vorhaben, ein CDN zu verwenden.)
  • Klicken Erstellen

s3 Bucket erstellen

Schritt 3: Legen Sie Ihre Bucket-Richtlinie fest

Damit alles richtig funktioniert, müssen Sie Ihren S3-Bucket öffentlich machen. Dazu verwenden Sie etwas namens a Bucket-Richtlinie.

Um eine Bucket-Richtlinie hinzuzufügen, klicken Sie in der S3-Oberfläche auf Ihren Bucket:

Bucket bearbeiten

Im obigen Screenshot sehen Sie, dass mein anderer Bucket bereits öffentlich ist, während der codeinwp Der Eimer, den ich für dieses Tutorial erstellt habe, ist als markiert Nicht öffentlich. Nach diesem Schritt möchten Sie das Öffentlichkeit Anzeige auch für Ihren Eimer.

Klicken Sie im nächsten Bildschirm auf Berechtigungen Registerkarte und wählen Sie dann Bucket Policy::

Zugriffs-Bucket-Richtlinie

Sie sollten einen JSON-Code-Editor sehen. Fügen Sie das folgende Snippet ein und speichern Sie Ihre Änderungen.

Stellen Sie sicher, dass Sie codeinwp durch den tatsächlichen Namen Ihres Buckets ersetzen::

{
"Ausführung":: "2008-10-17",
"Aussage": [
{
"Sid":: "AllowPublicRead",
"Bewirken":: "ermöglichen",
"Schulleiter": {
"AWS":: "* *"
}},
"Aktion":: "s3: GetObject",
"Ressource":: "arn: aws: s3 ::: codeinwp / *"
}}
]]
}}

Geben Sie die Bucket-Richtlinie ein

Sobald Sie Ihre Änderungen gespeichert haben, sollte Ihr Bucket als markiert sein Öffentlichkeit im Amazon S3-Dashboard:

öffentlicher Eimer

Schritt 4: Erstellen Sie einen IAM-Benutzer und eine Richtlinie

Jetzt müssen Sie einen sogenannten IAM-Benutzer erstellen. Dieser Benutzer ermöglicht dem Plugin grundsätzlich die Verwaltung Ihres S3-Buckets. Dies ist wichtig, wenn das Plugin die Dateien, die Sie zu WordPress hochladen, automatisch hinzufügen soll.

Dies ist der komplizierteste Teil des gesamten Prozesses. Daher werde ich alles Schritt für Schritt aufschlüsseln und viele Screenshots verwenden.

Sobald Sie diesen Vorgang abgeschlossen haben, erhalten Sie die AWS-Schlüssel dass das Plugin danach fragt und Sie ziemlich fertig sind.

So erstellen Sie Ihren IAM-Benutzer, Wechseln Sie in Ihrem AWS-Konto zum IAM-Bereich.

Wählen Sie dort die Benutzer Tab:

iam Benutzer Dashboard

Klicken Sie dann auf Nutzer hinzufügen oben:

iam Benutzer erstellen

In dem Nutzer hinzufügen Schnittstelle müssen Sie Ihrem Benutzer einen Namen geben. Stellen Sie dann sicher, dass Sie auswählen Programmatischer Zugriff unter Zugangsart. Klicken Sie anschließend auf Weiter: Berechtigungen::

programmatischer Zugriff

Wählen Sie auf der nächsten Seite die Option Fügen Sie vorhandene Richtlinien direkt hinzu Registerkarte und wählen Sie Richtlinie erstellen::

Richtlinie anhängen

Das öffnet ein neues Fenster. Gehen Sie in diesem neuen Fenster zu JSON Tab und Einfügen in dieses Code-Snippet:

{
"Ausführung":: "2012-10-17",
"Aussage": [
{
"Bewirken":: "ermöglichen",
"Aktion": [
"s3: CreateBucket",
"s3: DeleteObject",
"s3: Put *",
"s3: Holen Sie sich *",
"s3: Liste *"
]],
"Ressource": [
"arn: aws: s3 ::: codeinwp",
"arn: aws: s3 ::: codeinwp / *"
]]
}}
]]
}}

Stellen Sie sicher, dass Sie die beiden Instanzen von codeinwp durch den tatsächlichen Namen Ihres Amazon S3-Buckets ersetzen.

Dann klick Richtlinien überprüfen unten:

iam Benutzerrichtlinie

Geben Sie im nächsten Bildschirm einen Namen ein und klicken Sie dann auf Richtlinie erstellen::

Richtlinie speichern

Jetzt:

  • Kehren Sie von zuvor zur Registerkarte IAM Add User zurück
  • Klicken Aktualisierung
  • Wählen Sie die gerade erstellte Richtlinie aus der Liste aus (Sie können nach Namen suchen, um Zeit zu sparen).
  • Klicken Weiter: Überprüfen

Suche nach iam-Benutzerrichtlinien

Klicken Sie im nächsten Bildschirm auf Benutzer erstellen::

Fügen Sie eine iam-Benutzerrichtlinie hinzu

Auf dem nächsten Bildschirm sollten Sie sehen:

  • Zugriffsschlüssel-ID
  • Geheimer Zugriffsschlüssel (Sie müssen klicken Show um den geheimen Schlüssel tatsächlich zu sehen)

S3-Zugriffstasten

Halten Sie beide Werte griffbereit, da Sie sie im nächsten Schritt benötigen.

Schritt 5: Fügen Sie der Datei wp-config.php Zugriffsschlüssel hinzu

Puh! Sie sind offiziell mit der AWS-Oberfläche fertig.

Jetzt können Sie zu den freundlichen Grenzen Ihrer WordPress-Site zurückkehren.

Insbesondere müssen Sie Bearbeiten Sie Ihre Datei wp-config.php. Sie können dies entweder über FTP oder über den cPanel-Dateimanager tun.

Fügen Sie das folgende Codefragment zu Ihrer Datei wp-config.php hinzu, und stellen Sie sicher, dass die Sternchen durch Ihre tatsächlichen Schlüssel aus dem vorherigen Schritt ersetzt werden:

define (‘AS3CF_AWS_ACCESS_KEY_ID’, ‘********************’);
define (‘AS3CF_AWS_SECRET_ACCESS_KEY’, ‘*********************’);

So sieht es in der Datei wp-config.php meiner Website aus:

Fügen Sie wp-config.php WordPress S3-Zugriffsschlüssel hinzu

Stellen Sie sicher, dass Sie Ihre Änderungen speichern.

Schritt 6: Wählen Sie in den WP Offload Media Lite-Einstellungen den S3-Bucket aus

Jetzt geh zu Einstellungen → Offload S3.

Geben Sie den Namen Ihres S3-Buckets in das Feld ein Welchen Eimer möchten Sie verwenden?? Feld und klicken Eimer speichern::

Geben Sie den s3-Bucket in das Plugin ein

Sobald Sie Ihre Änderungen gespeichert haben, sollte die vollständige Oberfläche des Plugins angezeigt werden:

vollständige Schnittstelle

Hinweis – Aufgrund der Art und Weise, wie Sie die IAM-Benutzerrichtlinie eingerichtet haben, werden die Schaltflächen auf Durchsuchen Sie vorhandene Eimer oder Neuen Eimer erstellen werden nicht arbeiten. Dies ist eigentlich beabsichtigt, da es sicherer ist.

Wenn Sie diese Funktionalität nicht aus Sicherheitsgründen opfern möchten, können Sie die IAM-Benutzerrichtlinie ändern zu der hier beschriebenen Politik. Wie Sie im selben Artikel sehen werden, empfiehlt Delicious Brains die Methode, die ich als sichereren Ansatz in der verwendet habe EIMERBESCHRÄNKUNGEN Sektion.

Schritt 7: Konfigurieren Sie die Offload S3-Einstellungen (falls gewünscht).

Zu diesem Zeitpunkt sind Sie so gut wie vollständig eingerichtet. Alle neuen Dateien, die Sie hochladen, werden automatisch an Amazon S3 ausgelagert. Darüber hinaus schreibt das Plugin die Datei-URLs für diese Dateien automatisch neu, sodass die Datei von Amazon S3 anstelle Ihres Servers bereitgestellt wird.

Sie können dies testen, indem Sie eine neue Mediendatei hochladen und beim Einfügen den Quellcode anzeigen:

Beispiel für eine ausgelagerte Mediendatei

Wenn Sie möchten, dass das Plugin vorhandene Dateien auf Amazon S3 hochlädt, werden Sie brauche die Premium-Version.

Wenn Sie die Funktionen des Plugins anpassen möchten, können Sie hier Änderungen vornehmen. Aber für die meisten Situationen, Die Standardeinstellungen sollten in Ordnung sein.

Schritt 8: (Optional) Verbinden Sie Amazon S3 mit einem CDN

Wie eingangs erwähnt, ist es möglich, ein CDN in Verbindung mit Amazon S3 zu verwenden.

Um Ihnen zu zeigen, wie dies für jeden einzelnen CDN-Anbieter zu tun ist, wäre ein langer eigener Beitrag erforderlich, aber ich kann Ihnen einige Hinweise geben.

Wenn Sie eine Verbindung zu Amazon CloudFront herstellen möchten, können Sie dies direkt von Ihrem AWS-Konto aus tun Folgen Sie diesem Tutorial.

Für Herkunft ziehen Sie CDNs wie KeyCDN oder Stackpath, so ziemlich alles, was Sie tun müssen, ist Ihre Amazon S3-Bucket-URL in das Feld einzugeben Ursprungs-URL Box, wenn Sie Ihr CDN einrichten.

Um Ihre S3-Bucket-URL zu finden, folgen Sie einfach diesem Format:

https://bucket_name.s3.amazonaws.com/

Zum Beispiel:

https://codeinwp.s3.amazonaws.com/

Und es ist sogar möglich zu verwenden Cloudflare mit Amazon S3 (obwohl Sie möglicherweise Ihren Bucket umbenennen müssen).

Sobald Sie Ihr CDN eingerichtet haben, können Sie WP Offload Media Lites verwenden CloudFront oder benutzerdefinierte Domain Option zum Umschreiben der Datei-URLs, um Ihr CDN anstelle Ihres S3-Buckets zu verwenden:

benutze s3 mit einem cdn

Wenn Sie sich für eines der anderen WordPress S3-Plugins entschieden haben, wird das CDN Enabler Plugin kann so ziemlich das Gleiche tun.

WordPress S3: Eine hilfreiche Partnerschaft

Mit einem WordPress S3-Plugin können Sie Ihre Dateien einfach auslagern und die Infrastruktur von Amazon Web Services nutzen.

Während der Vorgang etwa 30 Minuten dauern kann, ist die WordPress S3-Integration nach dem Ausschalten ziemlich schmerzfrei und sollte keine weiteren Arbeiten erfordern.

Haben Sie weitere Fragen zum Verbinden Ihrer WordPress-Site mit Amazon S3?

Hinterlasse einen Kommentar und wir werden unser Bestes geben, um dir zu helfen!

Vergessen Sie nicht, an unserem Crashkurs teilzunehmen, um Ihre WordPress-Site zu beschleunigen. Mit einigen einfachen Korrekturen können Sie Ihre Ladezeit sogar um 50-80% reduzieren:

Layout, Präsentation und Bearbeitung von Karol K..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map