Leistung

Headless Drupal

Headless Drupal heißt: Drupal verwaltet die Inhalte und liefert sie über Schnittstellen wie JSON:API an Apps, Smart-TVs und JavaScript-Frontends. RedOrbit hat Headless Drupal unter anderem für HbbTV-Anwendungen der Seven.One Entertainment Group und von Bibel TV umgesetzt.

Ausgangslage

Was bedeutet Headless Drupal?

Headless oder decoupled Drupal heißt: Drupal verwaltet die Inhalte und gibt sie über eine API (JSON:API, REST oder GraphQL) aus, das Frontend ist eine eigene Anwendung. Bei Headless Drupal nutzen Sie Drupal als Redaktionssystem, aber nicht für die Darstellung. Redaktion, Workflows, Rechte und Benutzerverwaltung bleiben in Drupal. Die Inhalte gehen als Datenstrom an andere Systeme, etwa eine Web-App, eine mobile App, ein Smart-TV oder eine HbbTV-Anwendung.

Das lohnt sich vor allem in diesen Situationen:

  • Dieselben Inhalte sollen auf mehreren Kanälen erscheinen.
  • Das Frontend wird mit einem JavaScript-Framework gebaut, zum Beispiel React.
  • Inhalte und Metadaten kommen aus Vorsystemen und müssen redaktionell ergänzt werden.
  • Sie brauchen ein Backend mit Rollen und Workflows für eine Anwendung, die keine klassische Website ist.

Seit 2009 arbeiten wir nur mit Drupal. Headless-Installationen haben wir für TV-Anwendungen, für Metadaten-Systeme im Video-on-Demand-Umfeld und als Datenlieferanten für Apps aufgebaut und betreut.

Abwägung

Vor- und Nachteile von Headless Drupal

Headless ist kein Selbstzweck. Ob es sich lohnt, entscheidet die Abwägung zwischen diesen Punkten.

Vor- und Nachteile von Headless Drupal
AspektVorteil oder NachteilWas es bedeutet
Frontend-TechnikVorteilDas Frontend lässt sich mit modernen JavaScript-Frameworks wie React, Angular oder Vue.js bauen.
Unabhängige EntwicklungVorteilFrontend und Backend können getrennt weiterentwickelt und ausgeliefert werden.
Mehrere KanäleVorteilDieselben Inhalte erscheinen auf Website, App, Smart-TV oder HbbTV, gepflegt an einer Stelle.
SicherheitVorteilRedaktion, Rechte und Benutzerverwaltung bleiben in Drupal mit seinen Sicherheitsfunktionen.
KomplexitätNachteilZwei Anwendungen statt einer: Entwicklung und Integration sind aufwendiger.
KostenNachteilEntwicklung und Wartung können teurer werden als bei einer klassischen Drupal-Website.
ModuleNachteilDrupal-Module, die für die Darstellung gedacht sind, wirken im Headless-Frontend nicht. Diese Funktionen muss das Frontend selbst bringen.

Für eine reine Unternehmenswebsite ist klassisches Drupal oft einfacher. Headless lohnt sich, wenn mehrere Kanäle oder eine eigene Frontend-Anwendung im Spiel sind.

Vorgehen

So entsteht Ihr Headless-Projekt

1. Anforderungen

Wir klären, welche Kanäle beliefert werden, welche Daten sie brauchen und wer die Inhalte pflegt.

2. Datenmodell

Wir entwerfen Inhaltstypen und Felder so, dass sie für alle Kanäle passen und für Redakteure verständlich bleiben.

3. Schnittstellen

Wir legen fest, wie die Daten ausgeliefert werden, und binden Vorsysteme für den Import an.

4. Redaktionsoberfläche

Wir bauen das Backend so, dass Ihr Team Inhalte planen, ergänzen und freigeben kann, ohne die Technik dahinter kennen zu müssen.

5. Frontend

Wir entwickeln das Frontend selbst oder liefern die Schnittstelle an Ihr Team oder einen Partner.

6. Betrieb

Nach dem Start betreuen wir Backend und Schnittstellen, spielen Updates ein und entwickeln weiter.

Leistungsumfang

Was wir für Headless-Projekte liefern

Content-Backend

Drupal als zentrales Redaktionssystem mit Rollen, Workflows und mehrsprachigen Inhalten.

APIs

Auslieferung der Daten als JSON über JSON:API, REST oder GraphQL, je nachdem, was Ihr Frontend erwartet.

Import aus Vorsystemen

Automatisierter Import von Inhalten und Metadaten aus Vorproduktions-, Asset- oder Drittsystemen.

Suche

Schnelle Suche über große Datenmengen, zum Beispiel mit Elasticsearch im Backend.

Frontends mit React

Web- und TV-Anwendungen mit React, inklusive Videoplayer und Werbe-Anbindung über VAST.

Eigene Module

Redaktionskomponenten und Schnittstellen, die es als Standardmodul nicht gibt.

Erfahrung

Headless Drupal für Smart-TV und HbbTV

Fernsehsender liefern Mediatheken, Programmführer und interaktive Angebote über HbbTV direkt auf den Fernseher. Die Inhalte dafür kommen aus einem Redaktionssystem ohne eigene Darstellung, also aus einem Headless-CMS. Hier liegt ein Schwerpunkt unserer Arbeit.

Seven.One Entertainment Group

Für die Seven.One Entertainment Group haben wir die HbbTV-Mediatheken der Sender umgesetzt und betreut, mit Themenwelten und Livestreams bei Sonderausstrahlungen. Ein Drupal-Backend übernahm täglich automatisiert Formate und Clips aus dem Vorproduktionssystem, die Redaktion stellte daraus Playlisten zusammen und reicherte Metadaten an. Die Mediathek selbst war eine React-Anwendung mit eigenem Videoplayer.

Bibel TV

Für Bibel TV haben wir die HbbTV-Anwendung neu aufgesetzt: ein Headless-Drupal für Import, Verwaltung und Export der Metadaten, angebunden an REST- und GraphQL-Schnittstellen. Dazu kommt eine React-Anwendung mit Mediathek, Programmführer, Suche und Livestreams.

Prozessplattform für die Seven.One Entertainment Group

Für die Seven.One Entertainment Group entwickeln wir außerdem eine interne Prozessplattform laufend weiter, unser umfangreichstes Headless-Projekt. Drupal steuert darin komplette Abläufe mit Status, Rollen und Automatisierung, die Teams arbeiten in einer React-Anwendung, die über JSON:API liest und schreibt.

SES

Für SES haben wir ein Metadaten-System für Video-on-Demand entwickelt, das Daten für Smart-TV, Tablets und Web bereitstellte.

Sie planen eine eigene TV-App?

Für Smart-TV- und HbbTV-Anwendungen gibt es mit RedSmart.TV ein eigenes Angebot. Dort finden Sie alles zur Entwicklung von TV-Apps. Das passende Drupal-Backend dafür bauen wir.

Häufige Fragen

Häufige Fragen

Wann lohnt sich Headless Drupal, wann eine klassische Website?

Headless lohnt sich, wenn Inhalte auf mehreren Kanälen erscheinen oder das Frontend eine eigene Anwendung ist. Für eine reine Unternehmenswebsite ist klassisches Drupal oft einfacher und günstiger im Betrieb. Wir beraten Sie dazu ehrlich.

Können unsere Redakteure weiter wie gewohnt arbeiten?

Ja. Die Pflege der Inhalte läuft im Drupal-Backend wie bei jeder Drupal-Website. Wir passen die Oberfläche an Ihre Abläufe an, etwa mit eigenen Masken für Playlisten oder Freigaben.

Entwickeln Sie auch das Frontend?

Ja. In unseren TV-Projekten haben wir die Frontends mit React selbst entwickelt. Wenn Ihr Team oder ein Partner das Frontend baut, liefern wir die Schnittstelle und stimmen sie mit ihm ab.

Kann Drupal Daten aus unseren bestehenden Systemen übernehmen?

Ja. Wir binden Vorsysteme an und importieren Inhalte und Metadaten automatisiert, auch täglich. In unseren Projekten waren das unter anderem Vorproduktionssysteme, REST- und GraphQL-Schnittstellen.

Was kostet ein Headless-Drupal-Projekt?

Drupal selbst ist Open Source, Lizenzkosten fallen nicht an. Die Kosten hängen von der Zahl der Kanäle, dem Datenmodell, den Schnittstellen zu Vorsystemen und davon ab, ob wir auch das Frontend entwickeln. Nach der Klärung der Anforderungen erhalten Sie ein Angebot.

Ihr Headless-Projekt mit Drupal

Erzählen Sie uns, welche Kanäle Sie beliefern wollen. Wir antworten innerhalb von 24 Stunden und skizzieren mit Ihnen eine passende Architektur.

Drupal Superheroes at your service

Headless-Projekt besprechen