Gestatten Sie mir heute eine Frage. Glauben Sie, dass die Hauptaufgabe einer Website darin besteht, Inhalte für ihre Nutzer zu erstellen? Nun, ich denke, sie sollte sich nicht nur auf die Erstellung von Inhalten beschränken, sondern auch die Verantwortung dafür übernehmen, Inhalte auf benutzerfreundliche Weise über verschiedene Geräte hinweg bereitzustellen. Daher bevorzugen die meisten Unternehmen den entkoppelten Ansatz und entscheiden sich für einen gut aufgebauten Content Store in Drupal. Abhängig von verschiedenen Präferenzen und Anforderungen gibt es also zwei Ansätze zur Entkopplung von Drupal, wie z. B. progressiv entkoppelt und vollständig entkoppelt. Dieser Artikel wird Ihnen helfen, einen viel besseren Einblick in diese beiden Ansätze zur Entkopplung von Drupal zu gewinnen.

Vollständig entkoppeltes Drupal
Vollständig entkoppeltes Drupal bezieht sich auf die vollständige Trennung der Zuständigkeiten zwischen der Präsentationsschicht und allen anderen Aspekten des CMS. Bei diesem Ansatz wird das CMS zu einem Datenprovider, und eine JavaScript-Anwendung oder ein Static-Site-Generator kommuniziert mit Drupal über Webservice-APIs. Mehr über die Anwendungsfälle von CMS und Static-Site-Generatoren finden Sie hier. Auch wenn wichtige Funktionen wie In-Place-Editing und Layout-Management nicht verfügbar sind, kann vollständig entkoppeltes Drupal eine gute Option für Entwickler sein, die eine bessere Kontrolle über das Frontend suchen und bereits über Erfahrung im Erstellen von Anwendungen in Frameworks wie Angular, React, Gatsby usw. verfügen.

Vollständig entkoppeltes Drupal wird auf zwei verschiedene Arten ausgeführt, nämlich als vollständig entkoppelte App und als vollständig entkoppelte statische Seite.
Vollständig entkoppelte App
Vollständig entkoppelte Anwendungen verwenden Frameworks wie Angular, React, Vue.js während des Entkopplungsprozesses und sind in JavaScript geschrieben.
React

React wurde 2013 gestartet und ist eine JavaScript-Bibliothek, die zum Erstellen interaktiver Benutzeroberflächen (UIs) verwendet wird. React wurde 2013 gestartet und ist eine JavaScript-Bibliothek, die zum Erstellen interaktiver Benutzeroberflächen (UIs) verwendet wird. Sie hat sich als eine der leistungsstärksten und am häufigsten verwendeten Frontend-Technologien erwiesen und wird vom Technologiekonzern Facebook gepflegt und unterstützt. Es kann die Codes in Komponenten aufteilen, um Entwicklern die Wiederverwendbarkeit von Code und die schnelle Fehlersuche zu ermöglichen. Aufgrund seines deklarativen Stils und des Fehlens von Annahmen über den Technologie-Stack hat es ebenfalls an Popularität gewonnen. In den letzten Jahren ist ein großes Ökosystem um React herum entstanden. Es besteht aus hochwertigen Bibliotheken, Konferenzen und einer schnell wachsenden Nachfrage nach Entwicklern mit React-Kenntnissen. Einige der bekannten Websites und Webanwendungen, die React als Frontend-Technologie verwenden, sind BBC, New York Times, Facebook, Reddit und Airbnb usw.
Die Kombination von React und Drupal ermöglicht die Erstellung außergewöhnlicher digitaler Erlebnisse. Auch der unidirektionale Datenfluss von React ermöglicht die Gestaltung der Webseite gemäß den Daten, die von der RESTful API von Drupal gesendet werden. Lesen Sie hier mehr über die Kombination von Drupal und React.
Angular

AngularJS kann als ein schlankes und prägnantes Framework betrachtet werden, das vollständig erweiterbar ist und es Ihnen ermöglicht, einige interessante Dinge mit Ihrer Website auszuprobieren. Dieses Framework erweitert HTML, um Benutzeroberflächen zu definieren, und hilft Ihnen außerdem, interaktive Webanwendungen zu erstellen, die hochfunktional und schwer zu zerstören sind. Mit AngularJS können wiederverwendbare Komponenten erstellt werden, und aufgrund seiner clientseitigen Natur können alle Arten von Cyberangriffen eingeschränkt werden. Es führt das MVC-Framework (Model-View-Controller) aus, das einen schnelleren Entwicklungsprozess, mehrere Ansichten, eine asynchrone Technik, eine SEO-freundliche Entwicklung und viele weitere nützliche Funktionen ermöglicht. AngularJS verfügt über eine aufregende Funktionalität wie eine bidirektionale Datenbindung, die es Benutzeraktionen ermöglicht, Anwendungsobjekte sofort auszulösen und umgekehrt, und erleichtert auch ein äußerst interaktives Framework.
Es wird von einer großen Community unterstützt und vom Technologiekonzern Google gepflegt. Paypal, Gmail und The Guardian verwenden Angular als Frontend-Technologie.
Die leistungsstarke Kombination von Angular mit Drupal ermöglicht es Ihnen, die Anzeigelogik auf die Clientseite zu verlagern und Ihr Backend zu optimieren, was zu einer schnellen Website führt. Außerdem werden Sie feststellen, dass HTML aufgrund seiner Einfachheit und Klarheit in der Codestruktur immer gefragt ist, und Angular nutzt HTML ordnungsgemäß, um Benutzeroberflächen zu definieren, wodurch Unternehmen interaktive Webanwendungen erstellen können, die hochfunktional sind. Lesen Sie hier mehr über die Kombination von Drupal und Angular.
Vue

Vue.js ist ein JavaScript-Framework, das äußerst beliebt für die Entwicklung interaktiver Anwendungen ist. Es bietet datenreaktive Komponenten mit einer einfachen und flexiblen API. Außerdem kann dieses Framework als Bibliothek verwendet werden, um interaktive Elemente/Blöcke zu den bestehenden Websites hinzuzufügen. Mit Vue.js können Sie die Benutzererlebnisse deutlich verbessern.
Die Kombination von Drupal und Vue ermöglicht es Entwicklern, Drupal-Inhalte reibungslos als Datenobjekte über das offizielle Vue-Resource-Plugin anzufordern und zu speichern. Darüber hinaus kann Drupal in Kombination mit Vue seine Magie im Backend zeigen, während die attraktiven Funktionen von Vue sich um die Clientseite kümmern. Neben solchen Besonderheiten ist das Komponentensystem von Vue eine der stärksten Funktionen, die den Aufbau von groß angelegten Anwendungen ermöglicht, einschließlich kleiner und in sich geschlossener wiederverwendbarer Komponenten. Lesen Sie hier mehr über die Kombination von Drupal und Vue.
Vollständig entkoppelte statische Seite
Vollständig entkoppelte statische Seiten tragen zur Verbesserung der Leistung und Sicherheit bei und reduzieren die Komplexität für Entwickler. Ein Static-Site-Generator wie Gatsby ermöglicht das Abrufen von Inhalten aus Drupal, das Generieren einer statischen Website und das Bereitstellen dieser statischen Website in einem CDN, in der Regel über einen bestimmten Cloud-Anbieter wie Netlify. Neben Gatsby verwendet die vollständig entkoppelte statische Seite auch das Metalsmith-Framework.
Gatsby

Gatsby kann als ein Open-Source- und modernes Website-Framework betrachtet werden, das die Leistung der Website verbessert, indem es die neuesten Webtechnologien wie React und GraphQL nutzt. Es kann zum Erstellen blitzschneller Anwendungen und Websites verwendet werden. Gatsby verwendet eine leistungsstarke Vorkonfiguration, um eine Website zu erstellen, die nur statische Dateien für unglaublich schnelle Seitenladezeiten, Service Worker, Code-Splitting usw. verwendet.
Durch die Verwendung von Drupal mit Gatsby kann das hochwertige CMS eines Unternehmens vollständig kostenlos erstellt werden, gepaart mit einer großartigen modernen Entwicklungserfahrung. Dieses Framework bietet alle Vorteile des JAMstack, wie Leistung, Skalierbarkeit und Sicherheit. Darüber hinaus kann es auch ein Feuerwerk abbrennen, indem es alle Seiten der Website vorab generiert, im Gegensatz zu dynamischen Websites, die Seiten bei Bedarf rendern, wodurch die Notwendigkeit für Live-Datenbankabfragen reduziert wird. Infolgedessen wird die Leistung verbessert und die Gemeinkosten werden reduziert, was zu geringeren Wartungskosten führt. Lesen Sie hier mehr über die Kombination von Drupal und Gatsby.
Metalsmith
Metalsmith ist ein einfacher, steckbarer Static-Site-Generator, der eine breite Palette von Vorlagen- und Datenformatoptionen unterstützt. Es bietet eine einfache Plug-in-Architektur und kann sehr reibungslos gestartet werden. Darüber hinaus verwendet es eine modulare Struktur, und seine schlanke Natur und geringeren Abhängigkeiten machen es zu einer großartigen Lösung.
Die Kombination von Metalsmith und Drupal erweist sich aufgrund des spektakulären Backends von Drupal, das zum Speisen von Daten an alle Arten von Clients verwendet werden kann, und der außergewöhnlichen Fähigkeiten von Metalsmith als Static-Site-Generator als sehr vorteilhaft. Neben der großen Kompetenz von Drupal in der Content Governance ist Metalsmith eine großartige Lösung für den Aufbau statischer Websites. Lesen Sie hier mehr über die Kombination von Drupal und Metalsmith.
Progressiv entkoppeltes Drupal
Progressiv entkoppeltes Drupal kann als ein architektonischer Ansatz betrachtet werden, der es den Website-Editoren ermöglicht, die administrativen Schnittstellen, Content-Workflows und alle anderen traditionellen Methoden zum Erstellen, Bearbeiten und Veröffentlichen von Inhalten über Drupal zu nutzen.
Es bietet ein ausgewogenes Verhältnis zwischen den redaktionellen und den Entwickleranforderungen, indem es Editoren und Website-Assemblern kontextbezogene Schnittstellen, Content-Workflow, Website-Vorschau und auch andere wichtige Funktionen ermöglicht, die in Drupal integriert bleiben. Außerdem wird den Frontend-Entwicklern durch diesen architektonischen Ansatz ein Teil der Seite zugewiesen, um das Frontend-Framework ihrer Wahl, React, Angular oder Gatsby, einzubinden. Dieser Prozess hilft den Frontend-Entwicklern in der Tat, indem er die Einschränkungen des Drupal-Templating-Systems beseitigt.
Lesen Sie hier mehr über progressiv entkoppeltes Drupal.
Erfahren Sie hier mehr über entkoppeltes Drupal:
- Vollständiger Leitfaden zu entkoppeltem Drupal
- Vorteile von entkoppeltem Drupal
- Architektur von entkoppeltem Drupal
- Monolithische vs. entkoppelte Drupal-Architektur
- Sollten Sie sich für entkoppeltes Drupal entscheiden?
- Wann sollte man von monolithischem zu entkoppeltem Drupal wechseln?
- Die besten Frontend-Technologien für die Entkopplung von Drupal
- Die richtigen Fähigkeiten, die für die Implementierung von entkoppeltem Drupal benötigt werden
- Fallstudien zu entkoppeltem Drupal
Fazit
Ich hoffe, Sie haben sich nun mit beiden entkoppelten Ansätzen vertraut gemacht. Sie können sicherlich die richtige Entscheidung treffen und sich für den notwendigen Ansatz entscheiden, den Ihr Projekt erfordert. Aber lassen Sie mich Ihnen dennoch sagen, dass es nicht von Vorteil ist, den vollständig entkoppelten Ansatz zu wählen, wenn Ihr Projekt redaktionelle Anforderungen widerspiegelt. Ebenso ist die progressive Entkopplung nicht von Vorteil, wenn Ihr Projekt ausschließlich Entwicklerbedürfnisse hat. Sie müssen also sehr vorsichtig sein, um den richtigen Schritt in Richtung der entkoppelten Ansätze zu machen. Nun, OSL kann Ihr Retter sein. Unsere erfahrenen Drupal-Teams können Ihr Unternehmen in die Lage versetzen, Ihre aktuelle Architektur zu bewerten und zu erkennen, welcher entkoppelte Ansatz für Sie geeignet ist. Nach der Bewertung arbeitet unser Team daran, eine vollständige entkoppelte Drupal-Architektur zu erstellen, die auf Ihren Geschäftsanforderungen basiert.
Abonnieren
Verwandte Blogs
Zurück von der DrupalCon Atlanta 2025: Ein Meilenstein für OpenSense Labs

„Fit. Schnell. Für die Ewigkeit gebaut.“ Das war nicht nur ein Slogan, sondern die Denkweise, mit der wir zur DrupalCon…
Erklärbare KI-Tools: SHAPs Stärke in der KI

Wissen Sie, was erklärbare KI-Tools sind? Erklärbare KI-Tools sind Programme, die zeigen, wie eine KI ihre Entscheidungen…
KI-Chatbots: Präzision und Persönlichkeit in Perfektion

In der Welt der künstlichen Intelligenz ist die Entwicklung eines KI-Chatbots, der nicht nur akkurate Informationen liefert…