TYPO3 v12.1 - Ensemble comme un seul homme

Auteur: Michael Schams
Traduit par : Chloé - W-Seils

Lire l'article complet en version originale

Nous sommes heureux d'annoncer la sortie de la version 12.1 de TYPO3, qui est livrée avec "Reactions". Cette nouvelle fonctionnalité permet à TYPO3 de réagir aux webhooks entrants. Nous avons également retravaillé l'aspect visuel de la recherche backend et ajouté une "vue en mosaïque" au module Filelist qui a un impact sur l'affichage des fichiers et des dossiers. Lisez la suite pour en savoir plus sur le deuxième sprint de la série de versions TYPO3 v12.

Lorsque l'objectif de chaque version de la feuille de route de développement de TYPO3 a été défini, nous avons déclaré que l'interopérabilité avec les systèmes tiers était un élément clé pour TYPO3 v12.1. Mais ce n'est, bien sûr, pas la seule réalisation que nous avons faite.

Examinons les principaux changements et les nouvelles fonctionnalités de la version 12.1 de TYPO3. Vous pouvez consulter le changelog technique détaillé pour obtenir des informations plus approfondies si nécessaire.

Principaux changements dans la version 12.1 de TYPO3

Recherche améliorée dans le backend

Le backend de TYPO3 possède une excellente fonction de recherche, mais elle est restée inchangée pendant longtemps. Il peut parfois être difficile pour les utilisateurs du backend de trouver une aiguille dans une botte de foin, en particulier lorsqu'ils travaillent avec de grands sites web, des milliers de pages et des éléments de contenu infinis. La version 12.1 de TYPO3 apporte une amélioration de l’ergonommie pour les utilisateurs de backend travaillant avec la recherche.

Dans la version précédente du sprint, nous avons changé la boîte déroulante en une modale. Les utilisateurs du backend peuvent ouvrir la recherche en cliquant sur la loupe dans l'en-tête. Suivant la suggestion de l'équipe UX de TYPO3, vous pouvez également utiliser le raccourci clavier Ctrl/Cmd+K pour ouvrir la recherche. Cela suit la pratique courante dans plusieurs autres applications et sites web tels que Discord, Slack, etc.

Lorsque vous commencez à taper, TYPO3 recherche le mot-clé dans les enregistrements de la base de données. Vous pouvez éventuellement limiter la recherche aux enregistrements de la page en sélectionnant l'option dans le menu contextuel (bouton avec les trois points verticaux). Ceci est particulièrement utile dans les grands sites TYPO3. Vous pouvez également faire précéder votre recherche de "#page :" pour cibler votre recherche sur les titres de pages qui contiennent le mot-clé que vous recherchez.

Comme d'habitude avec TYPO3, les développeurs peuvent personnaliser la fonction de recherche dans une large mesure et l'adapter aux besoins individuels.

Webhooks entrants ("Réactions")

L'automatisation est une tendance qui ne montre aucun signe de ralentissement. Les processus de développement modernes et agiles incluent des pipelines CI/CD qui testent, construisent et déploient automatiquement les applications sur les serveurs. Divers systèmes indépendants s'intègrent pour échanger des informations ou déclencher des fonctions. Cela nécessite des interfaces système qui sont sécurisées et suivent un protocole standardisé. Les Webhooks sont un concept couramment utilisé pour réaliser cela.

Grâce à une nouvelle fonction nommée "Reactions", il est désormais possible de configurer TYPO3 pour qu'il réagisse aux appels entrants des webhooks. Les développeurs pourraient penser que ce n'est pas nouveau, étant donné que les middlewares PSR-15 ont été ajoutés à TYPO3 v9 il y a quelques années. Vous pouvez, bien sûr, déjà construire un middleware pour intercepter les demandes et exécuter votre propre fonction. Mais attendez de voir à quel point les réactions de TYPO3 sont faciles et flexibles. De plus, la version 12.1 de TYPO3 est livrée avec un module backend qui permet aux intégrateurs TYPO3 et aux administrateurs de sites de les configurer. Il est donc très facile d'intégrer TYPO3 dans des environnements low-code et d'ajouter le système à un déploiement ou à un pipeline de données.

Prenons un exemple simple. Un système distant doit ajouter une note à une page spécifique qui sera visible pour tous les utilisateurs qui accèdent à cette page dans le backend. Avec Reactions, vous n'avez pas besoin d'écrire une seule ligne de code PHP pour y parvenir.

Ouvrez les outils d'administration ➜ Reactions dans le backend TYPO3 et cliquez sur le bouton Créer une nouvelle réaction. Sélectionnez Créer un enregistrement de base de données dans la liste déroulante comme type de réaction.  Entrez un nom et créez une chaîne aléatoire comme "code secret". Maintenant, sélectionnez la table Note interne et l'ID de la page qui doit contenir la note. Vous pouvez sélectionner un utilisateur backend que TYPO3 doit utiliser lorsqu'il crée l'enregistrement. Pour l'instant, sélectionnez l'utilisateur fictif "_cli_". Entrez un sujet et le caractère générique "${message}" dans le champ message. Terminez la configuration en enregistrant votre nouvel enregistrement de réaction.

Une requête POST vers l'instance TYPO3 crée maintenant la note système :

Lorsque vous configurez vos propres Réactions, assurez-vous d'utiliser un secret sécurisé. Vous pouvez utiliser le bouton à droite du champ de saisie pour générer une chaîne aléatoire. Notez également que le backend de TYPO3 ne montre le secret qu'une seule fois et jamais plus. TYPO3 stocke le secret sous une forme cryptée dans la base de données, en utilisant le même algorithme de hachage sécurisé que TYPO3 utilise pour stocker les mots de passe des utilisateurs.

Les cas d'utilisation pratiques de Reactions dans TYPO3 sont illimités car TYPO3 fournit une API qui permet aux développeurs de créer des solutions personnalisées. Les intégrations avec des systèmes tels que Zapier sont désormais facilement réalisables. Il en va de même pour les pipelines de données plus complexes basés sur Apache Airflow, par exemple. La documentation TYPO3 mise à jour décrit en détail comment mettre en œuvre Reactions.

Nous sommes impatients de voir les premières extensions TYPO3 construites par la communauté qui utilisent Reactions dans TYPO3. Montrez votre créativité, les amis !

Nouvelle vue en mosaïque dans la liste de fichiers

Lorsque les utilisateurs du backend gèrent des fichiers et des dossiers dans le module Filelist du backend TYPO3, ils ont souvent des préférences différentes concernant la vue. La vue liste classique fournit un aperçu rapide et propre des fichiers et des dossiers - avec une petite image miniature optionnelle. Cette vue offre un accès rapide à des actions telles que la modification des métadonnées, l'affichage de l'image et la suppression du fichier. Elle affiche également des détails tels que les types de fichiers, leur taille et si le fichier est utilisé dans un élément de contenu (référence).

Cependant, de nombreux utilisateurs du backend sont plus intéressés par une vignette plus grande et moins de détails sur la ressource. C'est le cas, par exemple, des éditeurs qui gèrent le contenu d'un site TYPO3. La capture d'écran suivante montre la nouvelle vue des tuiles qui est maintenant disponible dans la version 12.1 de TYPO3 et définie par défaut :

Un nouveau menu en haut de la page permet aux utilisateurs du backend de configurer leur vue préférée. Ce menu contient non seulement l'option permettant de basculer entre la vue "mosaïque" et la vue "liste", mais permet également aux utilisateurs d'activer ou de désactiver les vignettes et le presse-papiers. La configuration des colonnes qui doivent être affichées dans la vue en liste est également disponible dans ce menu.

Quelle que soit la vue qui convient le mieux au travail qu'ils font dans TYPO3, les utilisateurs du backend ont maintenant la possibilité de personnaliser l'apparence et l’ergonomie à leur guise. La prochaine fois que l'utilisateur se connecte, TYPO3 restaure la configuration précédente.

Plus de détails sur les enregistrements de redirection

Si plusieurs utilisateurs backend gèrent un grand site TYPO3, il n'est pas rare que la liste des redirections s'allonge avec le temps. Plus les éditeurs travaillent avec les redirections, plus il devient difficile d'en garder la trace. Nous avons ajouté deux fonctionnalités à la version 12.1 de TYPO3 pour améliorer le travail avec les redirections.

La première amélioration est un nouveau champ dans le backend de TYPO3 qui peut être utilisé pour stocker une description de la redirection. Les utilisateurs du backend trouvent cette nouvelle zone de texte dans l'onglet Notes. Ainsi, vous pouvez, par exemple, attribuer la description "campagne marketing xyz" à une redirection qui redirige les visiteurs du site qui accèdent à un URI court et facile à mémoriser, vers une page spécifique, tout en bas de l'arbre des pages.

La deuxième amélioration concerne le type de redirections. En dehors des redirections que les utilisateurs du backend ajoutent manuellement, TYPO3 crée aussi automatiquement des redirections. Par exemple, si le slug d'une page change, l'URI de cette page change également. TYPO3 crée automatiquement une redirection de l'ancien vers le nouveau slug de la page pour éviter les erreurs "page not found".

Dans la version 12.1 de TYPO3, vous pouvez désormais faire la différence entre les redirections créées manuellement et celles créées automatiquement. Mais ce n'est pas tout. Vous pouvez également étendre la liste des "types de création" disponibles. Cela s'avère pratique si vous souhaitez introduire un type personnalisé, par exemple, pour marquer les redirections créées par une extension spécifique.

Les détails supplémentaires que TYPO3 stocke maintenant pour les redirections aident les utilisateurs à identifier pourquoi un enregistrement a été créé. Plus besoin de deviner.

Configuration simplifiée des montages de fichiers et des permissions d'accès des utilisateurs backend

Le concept de permissions d'accès pour les utilisateurs du backend est l'un des superpouvoirs de TYPO3. Il permet au système de gestion de contenu open-source de se distinguer de beaucoup de ses concurrents. En même temps, la gestion des permissions des utilisateurs peut être complexe et accablante.

Un défi dans les versions précédentes de TYPO3 était les montages de fichiers. Outre les montages DB (qui contrôlent l'accès à certaines zones de l'arborescence des pages), les intégrateurs et les administrateurs de TYPO3 peuvent attribuer des montages de fichiers aux utilisateurs du backend pour leur donner accès à des stockages locaux et distants. Le stockage par défaut dans TYPO3 est le dossier "fileadmin/" dans le système de fichiers local.

Dans la version 12.1, un nouveau sous-module du module utilisateur backend permet aux administrateurs d'accéder à un aperçu des montages de fichiers disponibles dans TYPO3. Allez dans Système ➜ Utilisateurs backend et sélectionnez Montages de fichiers dans la liste déroulante en haut.

Liste des montages de fichiers disponibles

Vous pouvez obtenir plus de détails sur un montage de fichiers en cliquant sur l'icône "i" à l'extrême droite. La fenêtre modale s'ouvre et indique, par exemple, à quels utilisateurs le montage de fichiers est attribué.

Cette nouvelle fonctionnalité simplifie le processus de création d'utilisateurs backend et la configuration de leurs droits d'accès dans le système. L'aperçu des montages de fichiers permet également aux intégrateurs et aux administrateurs de les comparer et de les gérer facilement.

Nouvelles fonctions de sécurité

Le bouton qui génère un "secret" lorsque vous créez une nouvelle Réaction dans le backend TYPO3 est également disponible pour les développeurs TYPO3 qui peuvent l'utiliser dans leurs propres extensions. Il suffit d'appliquer le nouveau contrôle de champ "passwordGenerator" à un champ de mot de passe dans le fichier TCA (Table Configuration Array) et le tour est joué.

Vous pouvez également définir des règles telles que la longueur de la chaîne générée de manière aléatoire, et si le mot de passe résultant doit contenir des lettres majuscules/minuscules, des chiffres et/ou des caractères spéciaux. Si vous avez manqué la fonction de politique de mot de passe que nous avons ajoutée à la version 12.0 de TYPO3, consultez la documentation TYPO3 pour en savoir plus.

Le module Admin Tools contient une autre nouvelle fonctionnalité liée à la sécurité dans la version 12.1 de TYPO3. TYPO3 nécessite le fichier de configuration du système "system/settings.php" (précédemment connu sous le nom de fichier "LocalConfiguration.php"). Parfois, la configuration du système ne doit pas pouvoir être mise à jour via le backend de TYPO3 ou les outils d'administration. C'est généralement le cas dans les environnements qui présentent un déploiement entièrement automatisé. TYPO3 respecte désormais un fichier de configuration protégé en écriture et affiche une note dans Admin Tools ➜ Settings pour alerter les administrateurs de cet état. Les modifications de la configuration du système ne sont pas possibles via l'interface web mais n'entraînent pas non plus d'erreurs ou d'avertissements.

Accéder à TypoScript via un attribut de requête

Nous avons introduit une nouvelle API dans la version 12.1 de TYPO3 qui permet aux développeurs de charger le TypoScript d'une page d'une manière plus propre et plus élégante. Vous avez peut-être utilisé TypoScriptFrontendController->tmpl ou $GLOBALS['TSFE']->tmpl dans le passé. La nouvelle API rationalise l'accès à TypoScript et offre un ensemble de méthodes pour récupérer les données via un attribut "Request". Ces méthodes sont getSettingsTree(), getFlatSettings(), getSetupTree(), et getSetupArray().

Pour vous donner un exemple de la façon d'accéder au Frontend TypoScript dans TYPO3 v12 :

Si vous vous interrogez sur les noms des méthodes, il s'agit d'un changement de formulation que nous avons mis en avant dans TYPO3 v12. Les "constantes" TypoScript sont maintenant appelées "paramètres" car ce terme reflète bien mieux l'objectif. Vous rencontrerez d'autres ajustements dans ce contexte dans les prochaines versions v12.

Configuration requise, support et maintenance

La configuration requise pour la version 12.1 de TYPO3 reste la même que celle décrite dans l'article "Préparez-vous pour TYPO3 v12". Cela inclut la version 8.1 de PHP, par exemple. Notre promesse de support et de maintenance reste également la même. Pour en savoir plus sur les exigences et les dépendances, rendez-vous sur get.typo3.org.

Téléchargement et installation

Vous trouverez tous les détails concernant la version et comment télécharger et installer TYPO3 sur get.typo3.org. Les instructions d'installation détaillées sont documentées dans le guide d'installation. Nous vous recommandons d'utiliser Composer pour configurer votre environnement TYPO3.

A venir

Beaucoup d'entre nous attendent avec impatience les fêtes de fin d'année et une pause en fin d'année. La prochaine version sur notre feuille de route est la version 12.2 de TYPO3, prévue dans neuf semaines, le 7 février 2023.

Do you want to publish
a guest blog post?

 

Contact us

Do you want to publish
your own case study?

 

Get in touch