{"id":4539,"date":"2020-09-01T09:26:49","date_gmt":"2020-09-01T07:26:49","guid":{"rendered":"https:\/\/www.clickstorm.de\/blog\/?p=4539"},"modified":"2020-09-01T09:26:49","modified_gmt":"2020-09-01T07:26:49","slug":"update-typo3-version-10","status":"publish","type":"post","link":"https:\/\/www.clickstorm.de\/blog\/update-typo3-version-10\/","title":{"rendered":"Update auf TYPO3 v10.4 LTS – Features und Fallstricke"},"content":{"rendered":"

Die TYPO3 v10.4 LTS ist im April 2020 erschienen. Seitdem konnten wir bereits einige Erfahrungen mit der neuen Version sammeln, welche wir hier gerne teilen m\u00f6chten.<\/p>\n

Features der TYPO3 v10.4 LTS<\/h2>\n

Eine neue Major Version von TYPO3 bringt immer eine Reihe von neuen Funktionen mit sich. Oft werden wir von Kunden gefragt: „Was bringt uns das Update?“. Und sicherlich ist die Frage berechtigt.<\/p>\n

Prinzipiell spricht immer f\u00fcr ein Update, dass Neuentwicklungen so l\u00e4nger supported werden k\u00f6nnen. Sprich eine Extension, welche f\u00fcr die aktuelle TYPO3-Version mit aktuellen Standards umgesetzt wird, ist langlebiger ohne das gro\u00dfe Ver\u00e4nderungen am Code vorgenommen werden m\u00fcssen. Wird auf einen \u00e4lteren Stand entwickelt, muss sp\u00e4ter bei einem Update, auch die Extension aktualisiert werden. Das erh\u00f6ht ggf. wiederrum den Aufwand f\u00fcr die verz\u00f6gerte Aktualisierung.<\/p>\n

Dar\u00fcber hinaus liefern neue Major Versions zahlreiche neue Features sowohl f\u00fcr Redakteure als auch f\u00fcr Entwickler.<\/p>\n

Neuerungen f\u00fcr Redakteure<\/h3>\n

Hier sind unsere Highlights f\u00fcr Redakteure in der TYPO3 v10.4 LTS.<\/p>\n

TYPO3 Dashboards<\/h4>\n

Dashboards bieten dem Redakteur die M\u00f6glichkeit, wichtige Informationen bez\u00fcglich seiner Webseite individuell und \u00fcbersichtlich anzuzeigen. Ein Dashboard setzt sich aus verschiedenen Bestandteilen zusammen, sogenannte Widgets. Diese Widgets lassen sich individuell platzieren.<\/p>\n

\"Dashboard-Modul<\/p>\n

Das neue Dashboard-Modul bringt bereits einige Widgets mit sich. Ein Widget zeigt beispielsweise, wie viele Login-Versuche in den letzten 24 Stunden fehlgeschlagen sind. Sicherlich werden hier in Zukunft noch einige Widgets und Funktionen folgen. Auch TYPO3-Extensions k\u00f6nnen eigene Widgets mit sich bringen.<\/p>\n

Das Dashboard wird standardm\u00e4\u00dfig direkt nach dem Login f\u00fcr den Redakteur sichtbar.<\/p>\n

Automatische Weiterleitungen<\/h4>\n

\u00c4ndert sich das Pfadsegment f\u00fcr eine URL, so musste bisher immer noch h\u00e4ndisch eine Weiterleitung von der alten zur neuen URL angelegt werden. Ansonsten w\u00e4re das SEO-Ranking f\u00fcr die URL verloren gegangen und bisherige Verlinkungen w\u00fcrden ins Leere laufen. Mit der neuen TYPO3-Version wird bei der \u00c4nderung einer URL die entsprechende Weiterleitungen automatisch angelegt.<\/p>\n

HTML E-Mails<\/h4>\n

Bisher wurden die TYPO3 eigenen E-Mails im Textformat versendet. Mit der TYPO3 v10.4 LTS kommen diese im HTML-Format daher. Zudem lassen sie sich individuell gestalten.<\/p>\n

Barrierefreiheit<\/h4>\n

Im neuen TYPO3 v10.4 LTS kann im Seitenbaum mit Hilfe der Pfeiltasten navigiert werden. Damit l\u00e4sst sich das Backend weitestgehend auch mit der Tastatur bedienen.<\/p>\n

Passwort zur\u00fccksetzen f\u00fcr Redakteure<\/h4>\n

Wem passiert es nicht hin und wieder? Man will sich nur mal schnell im TYPO3-Backend anmelden und kommt einfach nicht rein. Die Kollegen oder die Agentur zu fragen, ob das Passwort ge\u00e4ndert werden kann, kostet beide Seiten Zeit. In TYPO3 v10.4 LTS kann der Redakteur nun selbst sein Passwort zur\u00fccksetzen.<\/p>\n

\"Loginmaske<\/p>\n

Neuerungen f\u00fcr Entwickler<\/h3>\n

Mit der Version 10.4 LTS hielten auch einige coole Neuerungen f\u00fcr Entwickler Einzug in den TYPO3-Kern. \u00dcber 120 neue Funktionen kamen hinzu. Hier sind unsere pers\u00f6nlichen Sahnest\u00fccke.<\/p>\n

PSR-14 Event Handling<\/h4>\n

Das Erweitern des TYPO3-Kerns und Extensions f\u00fcr eigene Projekte ist unser t\u00e4glich Brot. Mit dem PSR-14 Standard bekommen wir Entwickler ein robustes und performantes Werkzeug an die Hand, um an spezifischen Stellen, eigene Codes ausf\u00fchren zu k\u00f6nnen. Weitere Informationen hierzu in der TYPO3-Dokumentation<\/a>.<\/p>\n

Dependency Injection<\/h4>\n

Mit der Dependency Injection werden Abh\u00e4ngigkeiten von Objekten an einem zentralen Ort hinterlegt. Eine Klasse muss notwendige Klassen nicht eigenst\u00e4ndig initiieren. Bisher kam die Dependency Injection gr\u00f6\u00dftenteils nur in Extbase Controllern zum Einsatz. In TYPO3 v10.4 LTS werden die Abh\u00e4ngigkeiten \u00fcber eine Services.yaml oder Services.php geregelt und der Einsatz somit erweitert. Zudem ist diese Variante performanter. Mehr dazu in der offiziellen TYPO3-Doku<\/a>.<\/p>\n

felogin mit Extbase und Fluid-Templates<\/h4>\n

Das letzte PiBase basierte Plugin im TYPO3-Kern ist migriert. Zur Freude aller, kann nun auch das Frontend-Login mit Fluid-Templates individuell angepasst werden.<\/p>\n

Asset Collector<\/h4>\n

Mit dem Asset Collector ist es m\u00f6glich, direkt im Fluid CSS- und JavaScript-Code hinzuzuf\u00fcgen. Dies ist besonders bei Inhaltselementen sinnvoll. Somit k\u00f6nnen auf einer Seite auch nur f\u00fcr diese Seite alle ben\u00f6tigten Ressourcen geladen werden. Im Fluid sieht das Ganze wie folgt aus.<\/p>\n

<f:asset.css identifier=\"accordion\" href=\"EXT:my_ext\/Resources\/Public\/Css\/accordion.css\" \/>\r\n<f:asset.css identifier=\"inlineAccordion\">\r\n.ac { background: green; }\r\n<\/f:asset.css>\r\n\r\n<f:asset.script identifier=\"accordion\" src=\"EXT:my_ext\/Resources\/Public\/JavaScript\/accordion.js\" \/>\r\n<f:asset.script identifier=\"inlineAccordion\">\r\nconsole.log('Hello World!');\r\n<\/f:asset.script><\/pre>\n
Aber auch im PHP kommt der Collector zum Einsatz. Mehr dazu im TYPO3 Change Log<\/a>.<\/p>\n
Lazy Image Loading<\/h4>\n
Im mobilen Zeitalter gilt es, Webseiten schnell laden zu k\u00f6nnen und Daten\u00fcbertragungsraten zu sparen. Bilder spielen hierbei eine zentrale Rolle. Um die Bilder auch wirklich nur dann anzuzeigen, wenn sie im sichtbaren Bereich f\u00fcr den Nutzer liegen, wurden in der Vergangenheit bereits verschieden Lazy-Loading Frameworks ver\u00f6ffentlicht. Mittlerweile soll es einen HTML5 Standard hierf\u00fcr geben. Mehr dazu erfahren Sie hier<\/a>. Auch wenn dieser Standard noch nicht von allen Browsern unterst\u00fctzt<\/a> wird, wird er dies bereits von TYPO3 v10.4 LTS<\/a>.<\/p>\n
<f:image image=\"{myLazyImage}\" loading=\"lazy\"\/><\/pre>\n
Update auf die TYPO3 v10.4 LTS<\/h2>\n
Verglichen zu den bisherigen Major-Versionen ist ein Update auf die TYPO3 Version 10.4 von der 9.5 relativ einfach m\u00f6glich. Sicherlich ist der Aufwand von Projekt zu Projekt unterschiedlich, aber der Core bringt einige Tools mit sich, welche den Entwicklern das Leben erleichtern.<\/p>\n
Change Log<\/h3>\n
Der Change Log beinhaltet alle \u00c4nderungen einer TYPO3-Version. Mittlerweile sind diese sehr gut dokumentiert. Vor allem ein Blick auf die sich darin befindlichen Breaking Changes lohnt sich. Breaking Changes sind potentielle Fehlerquellen bei Updates, da sie ein Entfallen von bisherigen Funktionen bedeuten. Der Changelog ist online hier<\/a> einsehbar.<\/p>\n
Extension Scanner und Co.<\/h3>\n
Im TYPO3-Backend befindet sich f\u00fcr TYPO3-Maintainer ein ganzes Modul zum Thema „Aktualisierung“. Der Change Log ist hier ebenfalls unter dem Punkt „View Upgrade Documentation“ zu finden inkl. Stichwortsuche.<\/p>\n
\"Aktualisierungs-Modul<\/p>\n
Die nachfolgenden Tools sollten bei jedem Update durchlaufen werden<\/p>\n