Autres Modules Utiles

Modules complémentaires

Les modules présentés ici améliorent significativement :

• La productivité : Interface admin optimisée
• Le SEO : Sitemap, redirections
• La sécurité : Protection contre les attaques courantes
• L’expérience : Médias optimisés, gestion facilitée

Pour TailStore, ils sont fortement recommandés en production.

🧰 Modules d’administration

Admin Toolbar

Améliore drastiquement la barre d’outils avec des menus déroulants multi-niveaux.

ddev composer require drupal/admin_toolbar
ddev drush en admin_toolbar admin_toolbar_tools -y

Sous-modules disponibles :

Module	Fonctionnalité	Recommandé
admin_toolbar	Menus déroulants	✅ Essentiel
admin_toolbar_tools	Raccourcis (flush cache, cron, dev)	✅ Très utile
admin_toolbar_search	Recherche dans le menu admin	⭐ Optionnel
admin_toolbar_links_access_filter	Filtre les liens selon permissions	⭐ Optionnel

Avantages :

• ⚡ Accès rapide à toutes les pages admin sans navigation
• 🔄 Bouton “Vider le cache” toujours visible
• 🚀 Gain de temps : réduction de 50% des clics
• 👥 Adapté aux débutants comme aux experts

Raccourcis utiles

Avec Admin Toolbar Tools, ajoutez des raccourcis personnalisés :

• Vider le cache (dans la toolbar)
• Lancer le cron
• Activer/Désactiver mode maintenance
• Générer du contenu de test (avec Devel)

Gin Admin Theme

Thème d’administration moderne et accessible.

ddev composer require drupal/gin
ddev drush theme:enable gin -y
ddev drush config-set system.theme admin gin -y

Recommandé

Gin offre une expérience admin bien meilleure que Seven/Claro.

Coffee

Navigation rapide avec raccourci clavier (Alt+D).

ddev composer require drupal/coffee
ddev drush en coffee -y

Tapez le nom d’une page admin pour y accéder instantanément.

🔍 SEO & Performance

Simple Sitemap

Génère un sitemap XML pour les moteurs de recherche.

ddev composer require drupal/simple_sitemap
ddev drush en simple_sitemap -y

Configuration :

1. Configuration → Recherche et métadonnées → Simple XML Sitemap

2. Activer par type de contenu :

   Produit: Inclure (priorité 0.8)
   Article: Inclure (priorité 0.6)
   Page: Inclure (priorité 0.5)

3. Générer : ddev drush simple-sitemap:generate

4. Accès : /sitemap.xml

Redirect

Gère les redirections 301/302.

ddev composer require drupal/redirect
ddev drush en redirect -y

Fonctionnalités :

• Redirections automatiques quand URL change
• Import/export de redirections
• Statistiques d’utilisation

Google Tag

Intégration Google Analytics / Tag Manager.

ddev composer require drupal/google_tag
ddev drush en google_tag -y

Configuration :

1. Configuration → Système → Google Tag
2. Ajouter le container ID : GTM-XXXXXX

📁 Gestion des médias

Media Library Form Element

Améliore le sélecteur de médias.

ddev composer require drupal/media_library_form_element
ddev drush en media_library_form_element -y

Focal Point

Définit le point focal des images pour le recadrage.

ddev composer require drupal/focal_point
ddev drush en focal_point -y

Permet de s’assurer que le sujet principal est toujours visible.

Image Optimize

Optimise automatiquement les images uploadées.

ddev composer require drupal/imageapi_optimize drupal/imageapi_optimize_webp
ddev drush en imageapi_optimize imageapi_optimize_webp -y

Configuration :

1. Créer un pipeline d’optimisation
2. Appliquer aux styles d’images

🔐 Sécurité

Security Kit

Protection contre les attaques courantes.

ddev composer require drupal/seckit
ddev drush en seckit -y

Protections :

• XSS (Content Security Policy)
• Clickjacking (X-Frame-Options)
• CSRF

Password Policy

Renforce les règles de mots de passe.

ddev composer require drupal/password_policy
ddev drush en password_policy -y

Règles :

• Longueur minimale
• Caractères spéciaux obligatoires
• Historique des mots de passe

Username Enumeration Prevention

Empêche la détection des noms d’utilisateurs.

ddev composer require drupal/username_enumeration_prevention
ddev drush en username_enumeration_prevention -y

🛠️ Développement

⚠️ Environnement local uniquement

Les modules de développement suivants NE DOIVENT JAMAIS être activés en production :

• 🚨 Risques de sécurité : Exposition d’informations sensibles
• 🐌 Performance : Ralentissement significatif du site
• 🔒 Accès : Outils de debug accessibles publiquement

Installez-les avec --dev pour qu’ils ne soient pas déployés automatiquement.

Devel

Outils de développement essentiels pour debugger.

# Installer en dépendance de développement
ddev composer require --dev drupal/devel
ddev drush en devel devel_generate -y

Fonctionnalités principales :

• 🐛 Debug : dpm(), kint() pour afficher des variables
• 📊 Génération : Créer des contenus, utilisateurs, termes de test
• 🔍 Inspection : Routes, hooks, thèmes, variables
• 🔧 Outils : Rebuild menus, clear cache, reinstall modules

Exemples d’utilisation :

// Dans un template Twig
{{ kint(node) }}

// Dans un module PHP
\Drupal::service('devel.dumper')->dpm($variable);
dpm($node); // Raccourci

Générer du contenu de test :

# 50 produits
ddev drush devel-generate:content 50 --bundles=product

# 20 termes de taxonomie
ddev drush devel-generate:terms category 20

# 10 utilisateurs
ddev drush devel-generate:users 10

Webprofiler

Barre de debug façon Symfony.

ddev composer require --dev drupal/webprofiler
ddev drush en webprofiler -y

Informations affichées :

• Temps de chargement
• Requêtes SQL
• Cache hits/misses
• Mémoire utilisée

Stage File Proxy

Télécharge les fichiers depuis la production.

ddev composer require --dev drupal/stage_file_proxy
ddev drush en stage_file_proxy -y

Configuration dans settings.local.php :

$config['stage_file_proxy.settings']['origin'] = 'https://www.production-site.com';
$config['stage_file_proxy.settings']['hotlink'] = FALSE;

Dev only

N’activez jamais ces modules en production !

📧 Communication

SMTP / Symfony Mailer

Configuration avancée des emails.

ddev composer require drupal/symfony_mailer
ddev drush en symfony_mailer -y

Configuration pour Gmail/SMTP :

Hôte: smtp.gmail.com
Port: 587
Chiffrement: TLS
Authentification: Oui

Mailsystem

Permet de configurer différents expéditeurs par module.

ddev composer require drupal/mailsystem
ddev drush en mailsystem -y

📊 Analytics & Stats

Statistics

Module core pour les statistiques de visites.

ddev drush en statistics -y

Matomo Analytics

Alternative à Google Analytics, respectueuse de la vie privée.

ddev composer require drupal/matomo
ddev drush en matomo -y

🌐 Multilingue

Les modules multilingues sont inclus dans le core :

ddev drush en language content_translation locale -y

Configuration :

1. Configuration → Langues régionales → Langues
2. Ajouter les langues (FR, EN)
3. Configurer la traduction par type de contenu

📦 Récapitulatif TailStore

Modules recommandés

Essentiels

• pathauto
• metatag
• webform
• redirect
• simple_sitemap

Admin

• admin_toolbar
• gin
• coffee

SEO

• metatag_open_graph
• metatag_twitter_cards
• google_tag

Dev

• devel
• webprofiler
• stage_file_proxy

Installation complète

# Modules production
ddev composer require \
  drupal/pathauto \
  drupal/metatag \
  drupal/webform \
  drupal/redirect \
  drupal/simple_sitemap \
  drupal/admin_toolbar \
  drupal/gin \
  drupal/token \
  drupal/focal_point \
  drupal/honeypot

# Modules dev
ddev composer require --dev \
  drupal/devel \
  drupal/webprofiler \
  drupal/stage_file_proxy

# Activer tout
ddev drush en pathauto metatag metatag_open_graph metatag_twitter_cards \
  webform webform_ui redirect simple_sitemap admin_toolbar admin_toolbar_tools \
  token focal_point honeypot -y

ddev drush theme:enable gin -y
ddev drush config-set system.theme admin gin -y

📋 Checklist finale

Production (obligatoires)

• Pathauto configuré (URLs propres)
• Metatag configuré (SEO + Open Graph)
• Webform avec formulaire contact
• Simple Sitemap généré
• Redirect activé (redirections 301)
• Honeypot anti-spam
• Admin Toolbar installé
• Gin theme admin

Production (recommandés)

• Focal Point (images)
• Security Kit (protection)
• Google Tag (analytics)
• Password Policy (sécurité mots de passe)
• Symfony Mailer (emails transactionnels)

Développement uniquement

• Devel activé (local uniquement)
• Webprofiler activé (local uniquement)
• Stage File Proxy configuré

🚀 Installation complète TailStore

Commande unique pour tous les modules essentiels

# Modules production
ddev composer require \
  drupal/pathauto \
  drupal/metatag \
  drupal/webform \
  drupal/redirect \
  drupal/simple_sitemap \
  drupal/admin_toolbar \
  drupal/gin \
  drupal/token \
  drupal/focal_point \
  drupal/honeypot \
  drupal/seckit \
  drupal/google_tag

# Modules dev
ddev composer require --dev \
  drupal/devel \
  drupal/webprofiler \
  drupal/stage_file_proxy

# Activer les modules production
ddev drush en \
  pathauto token \
  metatag metatag_open_graph metatag_twitter_cards \
  webform webform_ui \
  redirect simple_sitemap \
  admin_toolbar admin_toolbar_tools \
  focal_point honeypot seckit google_tag -y

# Activer Gin comme thème admin
ddev drush theme:enable gin -y
ddev drush config-set system.theme admin gin -y

# Modules dev (local uniquement)
ddev drush en devel devel_generate webprofiler -y

Automatisation avec script

Créez un script scripts/install-modules.sh :

#!/bin/bash
set -e

echo "📦 Installation des modules TailStore..."

# Production
composer require drupal/pathauto drupal/metatag drupal/webform # ...

# Dev
composer require --dev drupal/devel drupal/webprofiler

# Activation
drush en pathauto metatag webform -y

# Config
drush theme:enable gin -y
drush config-set system.theme admin gin -y

echo "✅ Installation terminée !"

Exécuter : bash scripts/install-modules.sh

📊 Matrice de recommandations

Par besoin

Besoin	Module	Priorité	Complexité
URLs propres	Pathauto + Token	🔴 Critique	🟢 Facile
SEO	Metatag + Simple Sitemap	🔴 Critique	🟡 Moyen
Formulaires	Webform	🔴 Critique	🟡 Moyen
Admin moderne	Gin + Admin Toolbar	🟠 Important	🟢 Facile
Anti-spam	Honeypot	🟠 Important	🟢 Facile
Redirections	Redirect	🟠 Important	🟢 Facile
Sécurité	Security Kit	🟡 Recommandé	🟡 Moyen
Images	Focal Point	🟡 Recommandé	🟢 Facile
Analytics	Google Tag	🟡 Recommandé	🟢 Facile
Debug	Devel (dev only)	🟡 Recommandé	🟢 Facile

Par environnement

Local (dev) :

✅ Tous les modules production
✅ Devel + Devel Generate
✅ Webprofiler
✅ Stage File Proxy

Staging :

✅ Tous les modules production
❌ PAS de modules dev
✅ Configuration identique à prod

Production :

✅ Modules essentiels uniquement
❌ AUCUN module dev
✅ Cache et performance optimisés
✅ Logs et monitoring actifs

🔜 Prochaine étape

Les modules essentiels sont en place ! Passons aux exercices pour mettre tout en pratique.