Verschiedene Optionen zur Entkopplung von Drupal

In dieser Welt wachsender Schnittstellen und APIs spielt Content eine wichtige Rolle, und großartige Nutzererlebnisse beginnen mit großartigem Content. Wearables, dialogorientierte Schnittstellen, IoT und mehr haben begonnen, die Veränderungen in unserer Nutzung des Internets zu etablieren und Veränderungen auf dem digitalen Marktplatz zu bewirken. Um mit diesem Tempo Schritt zu halten, müssen Unternehmen daher Front-End-Technologien wie AngularJS, React JS usw. einsetzen, die Inhalte schnell bereitstellen können. Decoupled Drupal (oder Headless Drupal) ist eine solche Lösung, die in letzter Zeit an Bedeutung gewonnen hat und als Nonplusultra gilt, das innovative Stärke zur Erzeugung außergewöhnlicher digitaler Erlebnisse aufweist. 

Die Rolle der Website beschränkt sich nicht auf die Erstellung von Inhalten. Mit anderen Worten, die Website ist dafür verantwortlich, die Inhalte auf allen Geräten benutzerfreundlich bereitzustellen. Angesichts dieser Verantwortung entscheiden sich immer mehr Websites für einen entkoppelten Ansatz und bevorzugen einen starken Content-Speicher in Drupal. Und wahrscheinlich sind Sie deshalb hier. Die komplexeste Frage bleibt jedoch, wie man Drupal entkoppelt. In diesem Beitrag werden wir daher mehr Einblicke in verschiedene Möglichkeiten zur Implementierung von Decoupled Drupal gewinnen.

Möglichkeiten zur Entkopplung von Drupal

In einem traditionellen Webprojekt wird Drupal verwendet, um den gesamten Inhalt zu verwalten und darzustellen. Da Drupal ein monolithisches System ist, behält es die gesamte Kontrolle über die Präsentations- und Datenebene. Das traditionelle Drupal war eine ausgezeichnete Wahl für Redakteure, die die volle Kontrolle über die visuellen Elemente auf der Seite übernehmen möchten. Nicht zu vergessen, dass das traditionelle Drupal die Tür zu Funktionen wie In-Place-Bearbeitung und Layout-Verwaltung öffnet. 

Es gibt bestimmte Faktoren, die von einem technischen Entscheidungsträger berücksichtigt werden müssen, bevor er über die Implementierung des Decoupled-Ansatzes nachdenkt. Diese Faktoren sind die Auswirkungen, ob der Aufwand zur Entkopplung von Drupal die perfekte Lösung für Ihr Unternehmen ist oder nicht. Werfen wir daher einen Blick auf die Faktoren, die Teil des Entscheidungsprozesses sein sollten.

• Das Wichtigste zuerst: Haben Sie separate Backend- und Front-End-Entwicklungsressourcen? 
• Erstellen Sie eine native App und möchten Sie Drupal verwenden, um Ihre Inhalte, Daten, Benutzer usw. zu verwalten? 
• Planen Sie, Inhalte oder Daten über mehrere Produkte oder Plattformen zu veröffentlichen?
• Ist Interaktivität selbst ein Hauptanliegen?
• Bietet die Arbeit mit dem umfangreichen Funktionsumfang und der Benutzeroberfläche von Drupal auf lange Sicht mehr Arbeit?
• Wollen Sie die heißeste Technologie?
• Wenn Ihr Unternehmen die oben genannten Faktoren erfüllt, ist das Unternehmen bereit für den Entkopplungsprozess. 

Es gibt zwei Ansätze zur Entkopplung von Drupal, abhängig von den Präferenzen und Anforderungen. Dazu gehören progressiv entkoppelt und vollständig entkoppelt.

Progressiv entkoppeltes Drupal

Progressiv entkoppeltes Drupal ist erforderlich, wenn eine zusätzliche Schicht namens JavaScript verwendet wird, um eine hochinteraktive Endbenutzererfahrung zu bieten. In progressiv entkoppeltem Drupal wird ein JavaScript-Framework als Schicht über dem bestehenden Drupal-Frontend verwendet. Ersteres ist für nichts anderes verantwortlich, als einen einzelnen Block oder eine Komponente auf einer Seite zu rendern, oder es kann alles innerhalb des Seitentextes rendern. Das progressive Entkopplungsmodell liegt auf einem Spektrum; je weniger von der Seite JavaScript zugewiesen wird, desto mehr können Redakteure die Kontrolle über die Seite durch die administrativen Fähigkeiten von Drupal übernehmen.

Vollständig entkoppeltes Drupal

Vollständig entkoppeltes Drupal kann auf zwei Arten implementiert werden, nämlich vollständig entkoppelte App und vollständig entkoppelte statische Site. 

Die vollständig entkoppelte Drupal-Web-App beinhaltet eine vollständige Trennung der Zuständigkeiten zwischen der Präsentationsschicht und allen anderen Aspekten des CMS. Bei diesem Ansatz wird das CMS zu einem Datenanbieter, und eine JavaScript-Anwendung zusammen mit serverseitigem Rendering ist dafür verantwortlich, zu rendern und zu markieren sowie über Web Service APIs mit Drupal zu kommunizieren. Trotz der Nichtverfügbarkeit wichtiger Funktionen wie In-Place-Bearbeitung und Layout-Verwaltung fesselt die vollständig entkoppelte Drupal-App die Aufmerksamkeit von Entwicklern, die mehr Kontrolle über das Frontend wünschen und bereits Erfahrung mit dem Erstellen von Anwendungen in Frameworks wie Angular, React, Vue.js usw. haben. 

Im Gegensatz dazu bietet JAMstack (JavaScript, APIs, Markup) eine Alternative zu den Komplexitäten der JavaScript-Entwicklung. Es hilft beim Erstellen vollständig entkoppelter statischer Drupal-Sites. Der Haupt- und offensichtliche Grund für die Idee ist die verbesserte Leistung, Sicherheit und reduzierte Komplexität für Entwickler.

Front-End-Technologien

In der Welt der Softwareentwicklung fällt alles, was herum gebaut wird, in zwei Kategorien: Front-End-Technologie und Back-End-Technologie. Front-End-Technologie ist alles, was der Benutzer sieht, und der Prozess, der im Hintergrund abläuft. Im Gegensatz dazu wird die gesamte Aktivität hinter den Kulissen, die für die Bereitstellung von Daten und Geschwindigkeit zum Ausführen eines Bildschirms verantwortlich ist, als Back-End-Technologie betrachtet. 

Die Entwicklung der Front-End-Technologie ist entscheidend für jede Geschäftsanwendung, die auf dem digitalen Marktplatz erfolgreich sein und sich behaupten will. Es ist möglich, die am besten strukturierte Back-End-Programmierung zu haben, um Ihre Anwendung zu stärken, aber das Front-End ist das, was die Leute sehen und sich hauptsächlich darum kümmern.

Daher haben wir für Ihre Überlegung die besten Front-End-Technologien zusammengestellt, die ein Front-End-Entwickler mit Drupal verwenden kann, um die besten Ergebnisse zu erzielen. 

React

React ist eine JavaScript-Bibliothek, die zum Erstellen interaktiver Benutzeroberflächen (UIs) verwendet wird. Es ist eine der leistungsstärksten und am häufigsten verwendeten Front-End-Technologien, die vom Technologiegiganten Facebook unterstützt und gewartet wird. React ist in der Lage, die Codes in Komponenten aufzuteilen, um Entwickler mit Code-Wiederverwendbarkeit und schnellem Debugging weiter zu unterstützen. Die erzeugten Bezeichnungen sind SEO-freundlich und hochgradig reaktionsfähig.
Einige der prominenten Websites und Webanwendungen, die React als Front-End-Technologie verwenden, sind Airbnb, Reddit, Facebook, NewYork Times, BBC usw.

Warum mit Drupal verbinden?

• Die Kombination aus React und Drupal kann verwendet werden, um erstaunliche digitale Erlebnisse zu schaffen. Es ist jedoch ziemlich schwierig zu wissen, wie man die Stärken von React und Drupal nutzen kann.
• Der unidirektionale Datenfluss von React hilft bei der Gestaltung der Webseite in Übereinstimmung mit den Daten, die von der RESTful API von Drupal gesendet werden.

Gatsby

Gatsby ist im Grunde ein Open-Source-, modernes Website-Framework, das hilft, Leistung in jede Site einzubauen, indem es die neuesten Webtechnologien wie React und GraphQL nutzt. Darüber hinaus wird Gatsby verwendet, um blitzschnelle Apps und Websites zu erstellen, ohne ein Rockstar werden zu müssen. Es verwendet eine leistungsstarke Vorkonfiguration, um eine Website zu erstellen, die nur statische Dateien für unglaublich schnelle Seitenladevorgänge, Service Worker, Code-Splitting usw. verwendet.
 
Warum mit Drupal verbinden?

• Es gibt keine bessere Option als Gatsby, um ein CMS in Unternehmensqualität kostenlos zu erstellen, gepaart mit einer großartigen modernen Entwicklungserfahrung. Nicht zu vergessen, es bietet alle Vorteile des sogenannten JAMstack, wie Leistung, Skalierbarkeit und Sicherheit.
•  Statische Site-Generatoren wie Gatsby können Feuerwerke veranstalten, indem sie alle Seiten der Website vorab generieren, im Gegensatz zu dynamischen Sites, die Seiten bei Bedarf rendern, wodurch die Notwendigkeit für Live-Datenbankabfragen reduziert wird. Infolgedessen wird die Leistung verbessert und der Overhead reduziert. Dies verbessert die Leistung und senkt die Wartungskosten.

Angular

Angular ist eine Open-Source-, JavaScript-Front-End-Technologie. Seit dem Aufkommen dieser Technologie im Jahr 2009 erfreut sie sich aufgrund der Vorteile, die sie den Unternehmen bietet, kontinuierlich großer Beliebtheit. Angular wird von einer großen Community unterstützt und vom Technologiegiganten Google gewartet. Diese Open-Source ist lesbar und konstant und ermöglicht Unternehmen verschiedene leistungsstarke Apps.
Paypal, Gmail und The Guardian sind einige der Beispiele, die Angular als Front-End-Technologie verwenden.

Warum mit Drupal verbinden?

• Die leistungsstarke Kombination aus Drupal und Angular ermöglicht es Ihnen, die Anzeigelogik auf die Client-Seite zu verschieben und Ihr Backend zu optimieren, was zu einer superschnellen Site führt.
• HTML wird nie veraltet und wird von Webentwicklern und Designern aufgrund seiner Einfachheit, Klarheit und Intuitivität in seiner Codestruktur immer gefordert. Angular verwendet HTML, um Benutzeroberflächen zu definieren, wodurch Unternehmen interaktive Webanwendungen erstellen können, die hochfunktional und schwer zu brechen sind.

Vue

Vue ist eine JavaScript-Bibliothek, die zum Entwickeln unterschiedlicher Weboberflächen und zum Erstellen von Single-Page-Anwendungen verwendet wird. Die Kernbibliothek von Vue konzentriert sich ausschließlich auf die Ansichtsschicht und bietet daher eine bequeme Integration mit anderen Bibliotheken und Tools, um die vorab festgelegten oder gewünschten Ausgaben zu erzielen. Vue ist nicht nur eine Technologie, sondern ein stolzes Ökosystem, das leicht anpassbar ist, da es leichtgewichtig ist. 

Warum mit Drupal verbinden?

• Mit der Kombination aus Drupal und Vue haben Entwickler die Oberhand, um Drupal-Inhalte mit Hilfe des offiziellen Vue-Resource-Plugins als Datenobjekte anzufordern und zu speichern.
• In Kombination mit Vue ist Drupal in der Lage, seine Magie im Backend zu zeigen, während die überzeugenden Funktionen von Vue die Client-Seite verarbeiten. Das Komponentensystem von Vue ist eine der leistungsstarken Funktionen, die den Aufbau großer Anwendungen ermöglichen, die aus kleinen und in sich geschlossenen wiederverwendbaren Komponenten bestehen.

Decoupled Drupal-Ökosystem

Die Welt von Decoupled Drupal ist ein Kompendium aus einer Vielzahl einzigartiger Module und Funktionen, die Ihnen helfen können, die Art und Weise zu verändern, wie Sie Informationen abrufen und manipulieren. Unter denen Rest, JSON: API und GraphQL die wichtigsten sowie die gängigen Module sind, wenn es um die Implementierung von Decoupled Drupal geht. Werfen wir also einen Blick aus der Vogelperspektive auf jeden von ihnen-

RESTful Web Services

Web Services ist dafür verantwortlich, anderen Anwendungen zu ermöglichen, Informationen auf Ihrer Site über das Web zu lesen und zu aktualisieren. REST ist eine der Möglichkeiten, Web Services auf Ihrer Site verfügbar zu machen. Im Gegensatz zu anderen Techniken ermutigt es Entwickler, sich auf HTTP-Methoden (wie GET und POST) zu verlassen, um Ressourcen (von Drupal verwaltete Daten) zu bearbeiten. RESTful Web Services ist ein Modul, das eine anpassbare, erweiterbare RESTful API von Daten bereitstellt, die von Drupal verwaltet werden. Das Modul ermöglicht es Ihnen, eine Interaktion mit jeder Inhaltsentität (Knoten, Benutzer, Kommentare) sowie mit Watchdog-Datenbankprotokolleinträgen zu erstellen. 

JSON: API

JSON: API wurde mit der Absicht entwickelt, die Anzahl der Anfragen sowie die Datenmenge zu minimieren, die zwischen Clients und Servern übertragen wird. Und raten Sie mal, diese Effizienz kommt ohne Kompromisse in Bezug auf Lesbarkeit, Flexibilität oder Auffindbarkeit. In dem Moment, in dem Sie das JSON: API-Modul aktivieren, erhalten Sie sofort eine vollständige REST-API für jeden Typ in Ihrer Drupal-Anwendung. JSON: API basiert auf dem Prinzip, dass das Modul "out of the box" produktionsreif sein sollte. Um es klarzustellen, das Modul ist von Natur aus sehr unflexibel, wobei alles vorab festgelegt ist. Sei es über den Ort, an dem sich die Ressourcen befinden, oder welche Methoden sofort auf ihnen verfügbar sind. JSON: API überlässt die Zugriffskontrolle dem Berechtigungssystem von Drupal Core. 

GraphQL

Das GraphQL Drupal-Modul wird verwendet, um Inhalte oder Konfigurationen mithilfe der offiziellen GraphQL-Abfragesprache abzufragen oder zu mutieren (aktualisieren/löschen). Dieses spezielle Modul gilt als ein äußerst leistungsstarkes Tool, das die Tür für die Verwendung von Drupal in einer Vielzahl von Anwendungen öffnet. Spielt auch eine entscheidende Rolle in Tools wie GraphQL, um die automatische Vervollständigung zu implementieren. Dieses Modul kann als Grundlage für den Aufbau Ihres eigenen Schemas durch benutzerdefinierten Code verwendet werden, oder Sie können das generierte Schema mithilfe der Plugin-Architektur verwenden und erweitern, und die bereitgestellten Plugin-Implementierungen bilden das Submodul.

Darüber hinaus hat die Verlagerung der Verantwortung zur Entwicklung einiger anderer Module geführt, um Inhalte und Daten besser zu bedienen. Werfen wir einen Blick auf sie.

• Sie können das Webform REST-Modul verwenden, um Webformulare über REST abzurufen und zu übermitteln.
• Wenn Sie die REST-Exportansichten von Core erweitern möchten, um jedes JSON-String-Feld automatisch in JSON in der Ausgabe zu konvertieren, ist das Modul REST Export Nested die beste Option. 
• Das Überschreiben der Standardeinstellungen, die bei der Installation des JSON: API-Moduls vorkonfiguriert sind, klingt einfach mit den JSON: API Extras.
• Für die einfache Aufnahme von Inhalten durch andere Anwendungen bietet Lightning API eine Standard-API, die hauptsächlich die json:api- und OAuth2-Standards über die JSON: API- und Simple Oauth-Module verwendet.
• Um eine Integration zwischen GraphQL- und Search API-Modulen zu erstellen, kann das Modul GraphQL Search API nützlich sein.
• Das Modul Subrequest weist das System an, mehrere Anfragen in einem einzigen Bootstrap auszuführen und dann alle Dinge zurückzugeben.
• Das Modul Contenta JS ist für das ordnungsgemäße Funktionieren von Contenta.js erforderlich.
• Es gibt ein OpenAPI-Modul in Drupal, das gut mit Core REST und JSON: API für die Dokumentation verfügbarer Entitätsrouten in diesen Diensten integriert werden kann. 
• Das Modul Schemata, das Schemas bereitstellt, kann verwendet werden, um die generierte Dokumentation und den generierten Code zu erleichtern.

Weitere solcher Module im Decoupled Drupal-Ökosystem finden Sie hier

Fazit 

Zusammenfassend lässt sich sagen, dass Decouple Drupal ein interessanter Ansatz ist, der Ihnen helfen kann, funktionsreiche interaktive Websites zu erstellen oder Content-Hubs zu erstellen. Es wird viel über Headless Drupal auf dem Markt gesprochen, und es gibt keinen Zweifel, warum Unternehmen davon begeistert sind. In der heutigen Welt freuen sich Endbenutzer auf hochinteraktive Websites, die Ergebnisse im Handumdrehen ausgeben können. Darüber hinaus müssen Inhalte an allen Touchpoints harmonisch verfügbar gemacht werden. Das entkoppelte Drupal löst diese Probleme, indem es verschiedene Schichten für Präsentation und Daten erstellt.

Es ist jedoch ebenso wichtig, sich mit bestimmten kleinen Nachteilen zu befassen und diese sorgfältig zu berücksichtigen, bevor man den entkoppelten Pfad einschlägt.

Haben Sie eine Frage? Sie können uns gerne unter [email protected] kontaktieren, und unsere Experten helfen Ihnen bei der Umsetzung Ihres Drupal-Projekts.