Drupal zum Hinzufügen von React to Core als Twig Theme Alternative

JavaScript-Entwicklungsframeworks: Angular, React, Vue, Gatsby, Polymer, & Glimmer

Nach dem ersten Vorschlag von Dries Buytaert im Jahr 2017 auf der DrupalCon in Wien schätzen die Community-Mitglieder nun, dass 2020 das Jahr sein wird, in dem Drupal React offiziell als Themenoption zur zentralen CMS-Distribution hinzufügt. Drupal 7 verwendet hauptsächlich PHPTemplate als Theme-Engine, während Drupal 8 den Twig implementiert & Symfony2-Frameworks. Obwohl sowohl professionell lizenzierte als auch Open Source-Themen für Drupal 8 auf Twig / Symfony2 erfolgreich waren, gibt es einen wachsenden Entwicklungssektor, der entkoppelt oder weiterentwickelt “kopflos” Methoden basierend auf Node.js. Was nicht klar ist, ist der Grad an Unterstützung, der für Node.js in der Zukunft des Webhostings für Drupal im Einzelhandel erforderlich ist. Einige Websites entscheiden sich für einen progressiv entkoppelten oder vollständig entkoppelten Ansatz als Alternative zu monolithischen traditionellen Installationen. Derzeit gibt es unterschiedliche Installationsanforderungen für die Ausführung von Drupal 8 unter NGINX im Vergleich zu Apache, während Node.js für die Erstellung neuer entkoppelter Drupal-Lösungen gleichermaßen mit beiden Serverformaten kompatibel ist.


JavaScript-Entwicklungsframeworks: Angular, React, Vue, Gatsby, Polymer und Glimmer

Reagieren Sie in Drupal Core: JavaScript Development Frameworks – Vue, Gatsby, & Glut

Die Entscheidung, ein JavaScript-Framework für Drupal-Themen einzuführen, wird seit vielen Jahren geprüft und durch die Fragmentierung im Entwicklungssektor behindert. Frühe Favoriten waren Angular & Ember, während React, Vue, & Gatsby sind derzeit beliebte Optionen. Das JavaScript & Der Entwicklungssektor von Node.j verändert sich rasant & innovativ, erfordert spezielles Wissen für Programmierer. Wie Buytaert schrieb:

"Die meisten Menschen scheinen eine Möglichkeit zu wollen, Schnittstellen und Interaktionen mit wiederverwendbaren Komponenten (z. B. Bibliotheken wie React, Vue, Polymer und Glimmer) zu erstellen, anstatt ein Framework mit starkem Fokus auf MV * -Workflows (z. B. Frameworks wie Angular und Ember) zu verwenden.."

Das Interesse an entkoppelten Drupal-Lösungen nahm zu, als der D8-Kern von PHPTemplate als Theme Template Engine auf Twig / Symfony2 umgestellt wurde. Viele professionelle Entwickler mit hochkomplexen Drupal 7-Sites zum Konvertieren oder Aktualisieren fanden es einfacher, einen JavaScript-Ansatz mit Angular, React, Vue, Gatsby usw. zu verwenden, als PHP-Themes mit Twig / Symfony2 neu zu schreiben. In gewisser Weise kann dies auch durch die Leistung des Webservers beeinflusst werden & Seitenladegeschwindigkeiten für Drupal 8, das mit Node.js / NGINX unter dem entkoppelten Ansatz ausgeführt wird, sowie neue Fortschritte beim Cloud-Hosting wie Container, Kubernetes, & Elastische Cluster-Webserver-Lösungen mit integriertem Lastausgleich.

Reagieren Sie im Drupal Core: JavaScript Development Frameworks - Vue, Gatsby & Ember

Angular JavaScript-Entwicklung: "Erfahren Sie, wie Sie Anwendungen mit Angular erstellen und Ihren Code und Ihre Fähigkeiten zum Erstellen von Apps für jedes Bereitstellungsziel wiederverwenden können. Für Web, Mobile Web, Native Mobile und Native Desktop. Erreichen Sie heute auf der Webplattform die maximal mögliche Geschwindigkeit und gehen Sie über Web Worker und serverseitiges Rendering noch weiter. Mit Angular haben Sie die Kontrolle über die Skalierbarkeit."Erfahren Sie mehr über Angular.

Entkoppeltes Drupal: Verwenden von React, Angular, Vue, Ember, & Gatsby für die Themenentwicklung

React, Angular, Vue usw. können alle mit Drupal ohne Node.js verwendet werden. Für die Integrationsmodule dieser JavaScript-Frameworks muss jedoch NPM oder Yarn auf dem Webserver installiert sein. Dies kann zu Inkompatibilität mit einigen Webhosting-Plänen führen, die speziell für die PHP-Unterstützung entwickelt wurden. Es wird empfohlen, ein Upgrade auf einen VPS-Plan durchzuführen, um eine benutzerdefinierte Webserverumgebung für Drupal 8 zu erstellen & Node.js Entwicklung.

RESTful APIs & Drupal 8: Verwenden Sie React vs. Conventional MVC Frameworks

“In dieser praktischen Sitzung lernen Sie, wie Sie eine entkoppelte Website mit dem React-Ökosystem im Front-End und Drupal 8 als Content-Management-System und Datenquelle erstellen.” (DrupalCon Dublin 2016)

Die zentralen Thesen:

  • So konfigurieren Sie Drupal, um RESTful-Ressourcen mithilfe von Drupal 8 verfügbar zu machen
  • Aktivieren Sie die CORS-Unterstützung für die Domänen / Ports, auf denen unsere React-Anwendung ausgeführt wird
  • Authentifizieren Sie Anfragen mit JWT
  • Verbrauchen Sie Daten im Front-End mithilfe des Redux-Speichers
  • Daten aus dem Redux Store übergeben React-Komponenten

Entkoppeltes Drupal: Verwenden von React, Angular, Vue, Ember und Gatsby für die Themenentwicklung

Pantheon entkoppelt CMS: ‘Drupal und WordPress sind beide traditionell “monolithisch” CMSs mit Präsentation über das Thema. Aufgrund des Bedarfs an mehr Flexibilität und Freiheit haben viele Entwickler damit begonnen, das CMS zu entkoppeln und es für Content-Management-, Redaktions- und Verwaltungstools zu verwenden. Gleichzeitig wurde eine separate Frontend-Komponente implementiert, die der Benutzererfahrung gewidmet ist und über ein mit dem CMS kommuniziert Web-API.’ Weitere Informationen zur entkoppelten CMS-Architektur.

Drupal 8 & JavaScript – Ressourcen für Webentwickler:

Es gibt eine große Bibliothek von JavaScript & Online verfügbare Ressourcen für die Drupal-Entwicklung. Diese Seiten bieten einen guten Überblick über die Verwendung von React with Drupal 8:

  • Einführung in React und Drupal
  • 8 Wissenswertes zu Reagieren für Drupal-Entwickler
  • Eine Einführung in Drupal für React-Entwickler

Berücksichtigen Sie die unterschiedlichen Webhosting-Anforderungen für Drupal 8 + Node.js und die Vorteile von React im Kern. Diese Drupal 8-Module bieten Integrationsfunktionen:

  • Webpack-Bundler
  • Webpack Vue.js
  • Webpack reagieren
  • jDrupal (für Angular)

Wenn die Abhängigkeit für React in Drupal 8 NPM enthält, wird dies möglicherweise nicht von allen gemeinsam genutzten Webhosts unterstützt. Erfahren Sie mehr über NPM & Drupal 8-Integration:

  • NPM
  • npm.js

Für NPM muss Node.js auf dem Webserver installiert sein, ist jedoch nicht Teil des Node.js-Pakets. Viele gemeinsam genutzte Linux-Webhosts unterstützen dies derzeit nicht und erfordern einen VPS-, Cloud- oder dedizierten Hosting-Plan. Einige gemeinsam genutzte Linux-Webhosts unterstützen jetzt Node.js, dies ist jedoch auf den meisten Plattformen nicht üblich, d. H. Pantheon mit bestimmten Node.js-Umgebungen. Andernfalls muss Yarn unter CentOS mit Drush installiert werden, was bei den meisten cPanel-Webhosting-Unternehmen ebenfalls nicht üblich oder standardmäßig ist.

Entkoppeltes Drupal: Verwenden von React, Angular, Vue, Ember und Gatsby für die Themenentwicklung

NPM-Befehlszeilentools: "Verwenden Sie npm, um Code zu installieren, freizugeben und zu verteilen. Verwalten von Abhängigkeiten in Ihren Projekten; und Teile & Feedback mit anderen erhalten. Die npm-Registrierung hostet die Welt’s größte Sammlung von kostenlosem, wiederverwendbarem Code. Bibliotheken wie jQuery, Bootstrap, React und Angular sowie Komponenten aus Frameworks wie Ember. Pakete für Mobile, IoT, Frontend, Backend, Robotik… Alles, was Sie brauchen, um erstaunliche Dinge zu bauen. Stellen Sie Pakete wie Bausteine ​​zusammen, um schnell großartige neue Projekte zu entwickeln."Weitere Informationen zum NPM Package Manager für Node.js..

Ausblick: Reagieren Sie wahrscheinlich nicht, um Drupal 8-Designs basierend auf PHP zu ersetzen & Zweig

Obwohl die Einführung von React in Drupal Core möglicherweise einen neuen Bereich von Themenmöglichkeiten eröffnet, ist es unwahrscheinlich, dass die PHP-Optionen von Twig / Symfony2 in der gängigen Verwendung ersetzt werden. Immer mehr gemeinsam genutzte Linux-Webhosting-Unternehmen bieten Unterstützung für Node.js, aber die Mehrheit verwendet es als Upsell für einen VPS-Plan. Wenn die Nachfrage der Benutzer nach cPanel-Hosting für die Unterstützung von Node.j steigt, werden die Unternehmen die Funktionalität wahrscheinlich ihrem Webstack hinzufügen. Unternehmen wie Pantheon bieten bereits angepasste Node.js-Plattformunterstützung für Drupal 8-Hosting an, und Acquia hat diese Option jetzt auch in ihrer Cloud. Diese verwalteten Cloud-Pläne eignen sich hervorragend zum Hosten von Drupal 8-Websites mit Node.js in einer Hochleistungsumgebung für die Produktion.

Ausblick: Reagieren Sie wahrscheinlich nicht, um Drupal 8-Designs basierend auf PHP & Twig zu ersetzen

Acquia Cloud Node.js: "Der Acquia Cloud Node.js-Anwendungsdienst ist ein nativer Laufzeitdienst zum Ausführen von Back-End-Javascript-Anwendungen (serverseitig). Unsere Node.js-Umgebung kann für den größten Teil von heute verwendet werden’s beliebte JavaScript-Anwendungen wie GraphQL, React, Ember und viele mehr." Erfahren Sie mehr.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map