Auf dieser Seite: [ausblenden]
Die Freiheit, Open-Source-Framework Gatsby hat eine neue Beta-Version des Gatsby-Quell-WordPress-Plugins entwickelt, Das wurde komplett überarbeitet, um die kopflosen WordPress-Setups zu entwickeln, in denen Gatsby das Frontend antreibt. Das Plugin, außerdem mit der Gatsby Cloud kombiniert, wurde entwickelt, um Echtzeitvorschauen und inkrementelle Builds zu implementieren.
Lesen Sie auch JAMstack: Wie funktioniert es und was sind die Vorteile?
Der Hauptzweck des Gatsby-Quell-Plugins besteht darin, eine Integration für WordPress-Websites zu erstellen, um kompliziertere Verwendungszwecke zu erreichen.
Es gibt drei verschiedene Möglichkeiten, das Gatsby-Quell-WordPress-Plugin zu verwenden. Mit jedem, Sie können verschiedene Vor- und Nachteile erwerben.
Gatsby Source WordPress Plugin Interaktionen
Mit der ersten Methode, Das Plugin interagiert mit der WP REST-API, um alle datenähnlichen Begriffe bereitzustellen, Beiträge, Medien, usw. Außerdem werden die Informationen im Knotencache von Gatsby zwischengespeichert.
Der zweite autorisiert Entwickler, GraphQL-Abfragen zu schreiben, Cache bereitzustellen und diese Daten in Vorlagen zu rendern.
Laut dem Gatsby-Team, Diese beiden Methoden eignen sich am besten für die grundlegende Verwendung.
WP REST API Integration
Wie von WPGraphQL-Erfinder Jason Bahl erklärt, beim Hinzufügen erweiterter Funktionen, wie erweiterte benutzerdefinierte Felder Flexfelder, Die WP REST API fällt auseinander, und es wird schwierig sein, entkoppelt zu verwenden.
Die WP REST-API verfügt über ein Schema, mit dem Themen und Plugins die WP REST-API erweitern und den Datentyp deklarieren können, den ein bestimmter Endpunkt verfügbar macht. Dies ist hilfreich, damit entkoppelte Anwendungen im Voraus wissen, welche Art von Daten zu erwarten sind.
Es gibt ein Problem, und es sind die Plugins und Themes, die die WP REST-API erweitern können, ohne das Schema zu verwenden oder einfach Feldtypen im Schema als zu definieren “Objekt” oder “Array” Typen. Das bedeutet, dass es für entkoppelte Anwendungen wie Gatsby nicht einfach sein wird, zu wissen, was von diesen Feldern zu erwarten ist. Gatsby ist auf konsistente Daten angewiesen, und die WP REST-API ist nicht konsistent. Die von den Endpunkten zurückgegebene Datenform (insbesondere wenn Plugins die REST-API erweitern) ist unvorhersehbar, und das ist ein Problem für die entkoppelten Anwendungen.
Lesen Sie auch Google Web Stories WordPress Plugin (Rezension)
WPGraphQL Alternative
WPGraphQL wurde als Alternative zur WP REST-API erstellt, Behebung vieler dieser Schwachstellen mit dem erzwungenen Schema. Diese Alternative eignet sich für entkoppelte Tools wie Gatsby, da sie das Schema überprüfen können, um festzustellen, welche Daten verfügbar sind, bevor sie angefordert werden.
Sogar Gelegenheiten wie erweiterte benutzerdefinierte Felder Flexfelder, Dabei können die zurückgegebenen Daten eines von vielen möglichen Flex-Feld-Layouts sein, Gatsby weiß, dass die möglichen Daten vorliegen, bevor er nach den Daten fragt. Das erzwungene Schema von WPGraphQL ermöglicht den problemlosen Versand entkoppelter Tools und beseitigt ganze Fehlerklassen.
Die Gatsby-Quelle GraphQL + Die WPGraphQL-Methode weist einige Entwicklungen hinsichtlich der Verwendung der WP REST-API auf. Es gibt eine Beschränkung, dass die Informationen nicht im Gatsby-Knotencache zwischengespeichert werden. Diese Begrenzung verhindert, dass WordPress-Websites die Cloud-basierten kommerziellen Angebote von Gatsby für Vorschauen und inkrementelle Builds verwenden.
Hier wieder Bahl erklärt wie das neue Gatsby Source WordPress Plugin (v4) + WPGraphQL ist das “Beste aus beiden Welten:
Es verwendet WPGraphQL auf dem WordPress-Server, um WordPress-Daten in einem typisierten GraphQL-Schema verfügbar zu machen. Gatsby-Quelle WordPress v4 verwendet GraphQL Introspection, um das Schema von der WordPress-Site zu lesen, und erstellt in Gatsby ein nahezu identisches Schema. Anschließend werden Daten mit WPGraphQL abgerufen und in Gatsby zwischengespeichert. Benutzer verwenden dann GraphQL, um mit dem Gatsby-Cache zu interagieren und Daten zum Rendern in Komponenten auf ihrer Gatsby-Site abzurufen.
Diese neue Integration ermöglicht es den Inhaltserstellern, auf zu klicken “Vorschau” und sehen, was sie geändert haben. Und all dies wird live auf der von Gatsby betriebenen Site geschehen. Die Änderungen werden auf die betroffenen Seiten übertragen. Änderungen werden nur in Sekundenschnelle sehr schnell ausgeführt, Nur so, wie die Benutzer erwarten, dass WordPress ohne die kopflose Integration funktioniert. Das neue Plugin, integriert in Gatsby Cloud, bietet eine bessere Verbindung zwischen der Erfahrung bei der Erstellung von Inhalten und Gatsby's React + Erfahrung mit GraphQL-Entwicklern beim schnellen Aufrufen statischer Seiten im Frontend.