12 mars 2025

Centraliser les routes en Blazor avec une classe statique

Dans un projet Blazor, il est courant d’utiliser des routes pour naviguer entre les pages. Une approche intéressante consiste à centraliser la définition de ces routes dans une classe statique. Cela présente plusieurs avantages, notamment lors des évolutions de votre application.

Exemple de centralisation

Considérez la classe suivante qui définit l’ensemble de vos routes :

C#

Ensuite, dans vos composants Blazor, au lieu de coder en dur la route dans l’attribut

@page
, vous pouvez référencer ces constantes :

HTML

Vous pouvez même définir plusieurs routes pour le même composant :

HTML

Pourquoi centraliser ses routes ?

1. Maintenance simplifiée

Lorsque vous référencez vos routes via des constantes, modifier une route devient un jeu d’enfant. Plutôt que de parcourir l’ensemble de votre code pour modifier une chaîne de caractères, il suffit de mettre à jour la valeur dans la classe centrale. Cela garantit une cohérence dans votre application et réduit le risque d’erreurs de navigation.

2. Référencement facile dans le code

Lors de la navigation (par exemple en utilisant le service

NavigationManager
), vous pouvez faire référence directement à ces constantes. Cela permet d’éviter des erreurs de frappe et facilite la recherche de toutes les références à une route donnée dans votre projet.

3. Comparaison avec Angular

Ce pattern rappelle fortement la manière dont Angular gère ses routes. Dans Angular, il est courant de définir les routes dans le fichier app-routing.module.ts. En centralisant également vos routes en Blazor, vous bénéficiez d’une approche uniforme et cohérente qui facilite la transition entre les technologies ou l’adoption de bonnes pratiques de développement.

Conclusion

Centraliser les routes dans une classe statique en Blazor est une pratique qui simplifie la maintenance et améliore la robustesse de votre application. En cas de modification d’une route, la mise à jour unique dans votre classe

PagesRoute
se répercute automatiquement sur l’ensemble de vos composants. De plus, cette approche permet de comparer positivement avec d’autres frameworks modernes comme Angular, où une centralisation des routes est également la norme.

Formations Blazor

Si vous souhaitez aller plus loin et maîtriser Blazor dans toute sa profondeur, n’hésitez pas à découvrir mes formations Blazor. Ces sessions sont conçues pour vous guider pas à pas, que vous soyez débutant ou déjà expérimenté, et vous permettront de tirer pleinement parti de ce framework moderne et performant. Pour plus d’informations, rendez-vous sur https://www.peug.net/formation-blazor-3-jours/ ou contactez-moi directement !

Laisser un commentaire