So verwenden Sie WordPress als Back-End: Ressourcen für die ersten Schritte mit der REST-API

Die WordPress REST API gibt es schon seit einiger Zeit, aber zu verstehen, was sie ist und warum sie wichtig ist, ist für Neulinge und Nicht-Entwickler möglicherweise nicht sofort klar. Trotzdem ist dieses Tool für Benutzer aller Couleur praktisch, da Sie die vertraute WordPress-Oberfläche nur als Backend verwenden und das Frontend mit anderen Tools und Sprachen entwickeln können.

Dieser Beitrag bietet eine Einführung in das, was die WordPress REST API ist und wozu sie in der Lage ist. Wir werden auch einige Schritte mit Ihnen teilen, die Ihnen den Einstieg in die Verwendung von WordPress als Backend für eine App oder Website erleichtern.

Lasst uns anfangen!

Eine Einführung in die WordPress-REST-API

Es gibt viele Artikel, die erklären, was die WordPress-REST-API ist – wir haben dies sogar bereits behandelt – daher halten wir uns kurz, um uns nicht zu wiederholen. Einfach ausgedrückt, ermöglicht eine Anwendungsprogrammierschnittstelle (API) Verbindungen zwischen verschiedenen Geräten, Anwendungen und Daten.

Eine hilfreiche Analogie ist, sich eine API als einen Kellner vorzustellen, der Anfragen und Antworten zwischen den Gästen und der Küche liefert. In diesem Beispiel sind Sie das Restaurant, die Anwendung oder Datenbank, mit der Sie kommunizieren möchten, ist die Küche und Ihre „Mahlzeit“ sind die Daten, die Sie anfordern.

Representational State Transfer (REST) ​​ist ein „Architekturstil“ oder eine Art von API. Es ist so konzipiert, dass es leicht ist und bei der Verwendung nur minimale Bandbreite benötigt. Mit einer REST-API können Sie vier grundlegende Arten von Anfragen stellen:

• GET : Ruft Daten von dem Gerät, der Anwendung oder der Datenbank ab, mit der Sie kommunizieren.
• POST : Fügt dem Gerät, der Anwendung oder der Datenbank, mit der Sie kommunizieren, Daten hinzu.
• PUT : Aktualisiert bereits vorhandene Daten auf dem Gerät, der Anwendung oder der Datenbank, mit der Sie kommunizieren.
• DELETE : Entfernt Daten aus dem Gerät, der Anwendung oder der Datenbank, mit der Sie kommunizieren.

Die WordPress REST API verwendet JavaScript Object Notation (JSON), um Daten zurückzugeben. Wenn Sie all dies zusammenfassen, erhalten Sie eine einfache Methode zur Kommunikation von GET- , POST- , PUT- und DELETE- Anfragen zwischen WordPress-Websites und anderen Plattformen durch die Verwendung von JSON.

Verstehen, was die WordPress REST API tun kann

Es mag den Anschein haben, als ob die WordPress-REST-API für Sie nicht allzu nützlich ist, insbesondere wenn Sie kein Entwickler sind. Es gibt jedoch viele Dinge, die die API tun kann, die selbst fortgeschrittene WordPress-Benutzer ausprobieren möchten, wie zum Beispiel:

• Inhalte synchronisieren. Sie können die REST-API verwenden, um verschiedenen WordPress-Sites die Kommunikation miteinander zu ermöglichen. Sie können beispielsweise ein Website-Redesign testen, indem Sie Inhalte zwischen Ihrer aktuellen Website und der neu gestalteten Version synchronisieren.
• Syndizieren von Inhalten. In ähnlicher Weise können Sie auch Inhalte von mehreren verschiedenen Websites kombinieren. Nehmen Sie ein Unternehmen mit mehreren Standorten mit jeweils eigener Site – Sie können Inhalte von allen drei auf einer anderen, umfassenden Site syndizieren.
• Einrichten eines WordPress-Daten-Google-Sheets. Mit der REST-API können Sie Ihre WordPress-Site und Google Sheets verbinden. Dies könnte Ihnen helfen, Ihre Beiträge in einer Tabelle zu organisieren, um über Inhaltsaktualisierungen auf dem Laufenden zu bleiben.
• Erstellen von mobilen Apps. Indem Sie Ihre WordPress-Site mit einem benutzerdefinierten App-Frontend verbinden, können Sie eine mobile App erstellen, die Ihre Desktop-Site ergänzt. Dies ist praktisch für Situationen wie das Erstellen einer App-Version eines WooCommerce-Shops.
• Verwenden von "kopflosem" WordPress. Wenn die Front-End-Anzeigeoptionen für WordPress dies nicht für Sie tun, ermöglicht Ihnen die REST-API die Verwendung von WordPress für Ihre gesamte Inhaltserstellung und -verwaltung, während Sie die Inhalte für Benutzer auf einem benutzerdefinierten Website- oder Web-App-Front-End bereitstellen. Dies wird als „kopfloses“ WordPress bezeichnet.

Eine schnelle Google-Suche wird zahlreiche andere Möglichkeiten aufdecken, in denen die WordPress REST API verwendet wird. Für den Rest dieses Beitrags konzentrieren wir uns jedoch auf die Verwendung von WordPress als Backend für eine App oder Website.

So verwenden Sie WordPress als Backend (in 3 Schritten)

Es gibt viele Möglichkeiten, WordPress als Backend zu verwenden. Daher ist dieser Beitrag eher eine allgemeine Einführung in die Verwendung der WordPress-REST-API als eine vollständige Anleitung zum Erstellen einer App oder einer entkoppelten Website.

Obwohl die folgenden Schritte vereinfacht sind, um Ihnen den Einstieg zu erleichtern, bedeutet dies, dass Sie wahrscheinlich zusätzliche Anleitungen speziell für Ihr Projekt recherchieren müssen. Wenn Sie diese Grundlagen kennen, wird der Prozess jedoch einfacher.

Schritt 1: Laden Sie Inhalte in WordPress und testen Sie die REST-API

Der erste Schritt zur Verwendung von WordPress als Backend ist dem Starten einer WordPress-Website bemerkenswert ähnlich. Sie benötigen eine WordPress-Installation mit allen gewünschten Inhalten auf Ihrer Website oder App. Dies kann eine aktive Installation sein oder eine neue, die Sie für Ihr Projekt einrichten.

Sie müssen auch daran arbeiten, Beiträge und Seiten zu erstellen, Mediendateien hinzuzufügen und alles andere, was Ihr Projekt inhaltlich erfordert. Grundsätzlich müssen Sie alles, was Sie auf Ihrer Website oder App haben möchten, in WordPress übertragen, da Sie hier Inhalte verwalten.

Sobald Sie alles eingerichtet haben, möchten Sie wahrscheinlich einen Test durchführen, um zu sehen, wie die WordPress-REST-API funktioniert. Glücklicherweise können Sie dies direkt in Ihrem Browser tun. Geben Sie einfach Ihre Domain gefolgt von wp-json/wp/v2/posts ein:

Sie sollten etwas wie das obige Bild sehen, obwohl die angezeigte JSON-Menge je nach Auslastung der Site unterschiedlich ist. Sie haben nun erfolgreich die WordPress REST API verwendet, um die Daten für alle Ihre Beiträge zurückzugeben. Das REST-API-Handbuch enthält auch für andere Informationen Informationen dazu.

Um diesen Schritt zusammenzufassen:

1. Zuerst richten wir eine WordPress-Installation ein, die als Backend für unsere App/Website dient.
2. Wir haben die Inhalte erstellt, die wir im Frontend unseres Projekts in WordPress als Beiträge, Seiten usw. anzeigen möchten.
3. Um die REST-API in Aktion zu sehen, haben wir die JSON für alle unsere Beiträge im Browser zurückgegeben.

Sobald Sie das Gefühl haben, dass Sie die Zusammenarbeit all dieser Teile im Griff haben, können Sie vom Backend Ihrer Site aus mit der Arbeit am Frontend beginnen.

Schritt 2: Richten Sie das Frontend Ihrer App oder Website mit React . ein

Nachdem Sie nun die Aspekte "hinter den Kulissen" herausgefunden haben, müssen Sie an dem Teil Ihrer App oder Website arbeiten, den die Benutzer tatsächlich sehen. Ein beliebter Weg, dies für WordPress-Benutzer zu erreichen, ist React:

Für die Uneingeweihten ist React (wie der Slogan im obigen Bild lautet) eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es ermöglicht Ihnen, Elemente zu erstellen, die als "Komponenten" bezeichnet werden und die das Frontend Ihrer App oder Website bilden. Dies kann Beiträge, Schaltflächen, Bilder oder eine beliebige Anzahl anderer Features und Funktionen umfassen.

Es gibt auch viele andere Plattformen, die Sie für den Aufbau Ihres Projekts in Betracht ziehen sollten, also schauen Sie sich um, bevor Sie sich verpflichten. Die vollständigen Einzelheiten zur Verwendung von React (oder ähnlichem) würden den Rahmen dieses Artikels sprengen. Sobald Sie sich jedoch für eine Methode zum Erstellen Ihres Frontends entschieden haben, kümmern Sie sich um die Konfiguration, damit Sie mit der Erstellung von Komponenten beginnen können.

Schritt 3: Verbinden Sie Ihr WordPress-Backend mit Ihrem Frontend

Inzwischen sollten Sie Ihr WordPress-Backend und Ihr React- (oder anderes) Frontend haben. Jetzt müssen Sie sie nur noch dazu bringen, miteinander zu sprechen, damit die Daten von WordPress in Ihrer App oder Website gerendert werden. Hier kommt die WordPress REST API ins Spiel.

Da Sie die API bereits getestet haben und festgestellt haben, dass sie Daten für Ihre Beiträge und anderen Inhalte zurückgeben kann, wissen Sie, dass sie funktioniert und einsatzbereit ist. Als Nächstes müssen Sie Komponenten erstellen, die die REST-API verwenden, um Beiträge aus WordPress abzurufen und auf Ihrem Frontend anzuzeigen.

Wenn Sie nur über minimale Programmiererfahrung verfügen, wird es hier ziemlich knifflig. Wenn Sie Ihre App oder Website schnell starten möchten, ist es wahrscheinlich besser, einen Entwickler zu beauftragen, der sie für Sie einrichtet. Wenn Sie jedoch bereit sind, etwas Zeit zu investieren, können Sie langsam mit der Arbeit an Komponenten und dem Lernen beginnen.

Wir haben darüber geschrieben, wie Sie eine React-Komponente erstellen, um alle Ihre WordPress-Posts abzurufen und in der Vergangenheit in einer App anzuzeigen. Sie können diesen Beitrag als Übung für den Einstieg verwenden oder sich einige Online-Schulungen ansehen.

Sobald Sie die WordPress-REST-API verwendet haben, um alle Ihre Inhalte auf Ihr Frontend zu übertragen, können Sie damit beginnen, mehr (und immer komplexere) Komponenten zu erstellen und dann daran arbeiten, das Frontend Ihrer Site weiter anzupassen – und das alles während Sie WordPress verwenden, um weiterhin Inhalte erstellen und verwalten.

Abschluss

Es gibt definitiv eine Lernkurve, wenn es um die WordPress REST API geht, insbesondere wenn Sie nur über minimale Programmierkenntnisse verfügen. Sobald Sie jedoch den Dreh raus haben, kann diese Funktion Ihnen helfen, Ihre grundlegende Grundlage zu erweitern, um WordPress als Backend für Ihre eigene App oder benutzerdefinierte Website zu verwenden.

Dieser Beitrag hat einige grundlegende, vereinfachte Schritte für die Verwendung von WordPress als Backend bereitgestellt. Fassen wir sie kurz zusammen:

1. Laden Sie Inhalte in WordPress und testen Sie die REST-API.
2. Richten Sie das Frontend Ihrer App oder Website mit React ein.
3. Verbinden Sie Ihr WordPress-Backend mit Ihrem React-Frontend.

Sie haben Fragen zur REST API oder zur Verwendung von WordPress als Backend? Fragen Sie sie im Kommentarbereich unten!

Miniaturansicht des Artikels Jesus Sanz / shutterstock.com