Choisir une interface utilisateur web ASP.NET Core

ASP.NET Core est un framework d’interface utilisateur complet. Choisissez les fonctionnalités à combiner en fonction des besoins d’interface utilisateur web de l’application.

Pour le développement de nouveaux projets, nous recommandons ASP.NET Core Blazor.

ASP.NET Core Blazor

Blazor est un framework d’interface utilisateur web complet et est recommandé pour la plupart des scénarios d’interface utilisateur web.

Avantages de l’utilisation de Blazor :

• Modèle de composants réutilisables.
• Rendu efficace des composants basés sur les différences.
• Rendu flexible des composants depuis le serveur ou le client via WebAssembly.
• Construire des composants d’interface utilisateur web interactifs et riches en C#.
• Rendre des composants de façon statique depuis le serveur.
• Améliorer progressivement les composants rendus du serveur pour faciliter la navigation et la gestion des formulaires, et pour permettre le rendu en streaming.
• Partager du code pour une logique commune sur le client et sur le serveur.
• Interopérer avec JavaScript.
• Intégrer des composants à des applications MVC, Razor Pages ou JavaScript existantes.

Pour une présentation complète de Blazor, de son architecture et de ses avantages, consultez Blazor ASP.NET Core et Modèles d’hébergement Blazor ASP.NET Core. Pour commencer votre première application Blazor, consultez Créer votre première application Blazor.

ASP.NET Core Razor Pages

Razor Pages est un modèle basé sur des pages pour la création d’interfaces utilisateur web rendue par le serveur. L’interface utilisateur des pages Razor sont rendues dynamiquement sur le serveur pour générer le code HTML et CSS de la page en réponse à une demande du navigateur. La page arrive sur le client prête à s’afficher. La prise en charge de Razor Pages repose sur ASP.NET Core MVC.

Avantages de Razor Pages :

• Création et mise à jour rapides d’interface utilisateur. Le code de la page est intégré à la page, tandis que les préoccupations d’interface utilisateur et de logique métier sont gérées séparément.
• Possibilité de tests et s’adapte aux applications volumineuses.
• Organisation des pages ASP.NET Core plus simple qu’avec ASP.NET MVC :
  • La logique propre à l’affichage et les modèles d’affichage peuvent être maintenus ensemble dans leur propre espace de noms et répertoire.
  • Les groupes de pages associées peuvent être conservés dans leur propre espace de noms et répertoire.

Pour vous lancer dans votre première application ASP.NET Core Razor Pages, consultez Tutoriel : Bien démarrer avec Razor Pages dans ASP.NET Core. Pour obtenir une présentation complète d’ASP.NET Core Razor Pages, de son architecture et de ses avantages, consultez Introduction à Razor Pages dans ASP.NET Core.

ASP.NET Core MVC

ASP.NET MVC rend l’interface utilisateur sur le serveur et utilise un modèle d’architecture MVC (Modèle-Vue-Contrôleur). Le modèle MVC divise une application en trois groupes de composants principaux : les modèles, les vues et les contrôleurs. Les demandes utilisateur sont routées vers un contrôleur. Le contrôleur est chargé de travailler avec le modèle pour effectuer des actions utilisateur ou récupérer les résultats des requêtes. Le contrôleur choisit la vue à afficher à l’utilisateur et lui fournit les données du modèle dont elle a besoin.

Avantages d’ASP.NET Core MVC :

• Repose sur un modèle scalable et mature permettant de créer des applications web de grande envergure.
• Nette séparation des préoccupations pour une flexibilité maximale.
• La séparation des responsabilités MVC est l’assurance que le modèle métier peut évoluer sans être étroitement couplé aux détails d’implémentation de bas niveau.

Pour commencer avec ASP.NET Core MVC, consultez Bien démarrer avec ASP.NET Core MVC. Pour obtenir une vue d’ensemble de l’architecture d’ASP.NET Core MVC et de ses avantages, consultez Vue d’ensemble d’ASP.NET Core MVC.

Application monopage (SPA) ASP.NET Core avec des frameworks JavaScript front-end

Créer une logique côté client pour des applications ASP.NET Core en utilisant des frameworks JavaScript courants, comme Angular, React et Vue. ASP.NET Core fournit des modèles de projet pour Angular, React et Vue, et il peut aussi être utilisé avec d’autres frameworks JavaScript.

Avantages de l’application monopage (SPA) ASP.NET Core avec des frameworks JavaScript, en plus des avantages de rendu client cités précédemment :

• L’environnement d’exécution JavaScript accompagne déjà le navigateur.
• Communauté importante et écosystème mature.
• Créer une logique côté client pour des applications ASP.NET Core en utilisant des frameworks JS courants, comme Angular, React et Vue.

Inconvénients :

• Davantage de langages de codage, de frameworks et d’outils nécessaires.
• Partage de code difficile en vue de dupliquer une partie de la logique.

Pour commencer, consultez :

• Créer une application ASP.NET Core avec Angular
• Créer une application ASP.NET Core avec React
• Créer une application ASP.NET Core avec Vue
• JavaScript et TypeScript dans Visual Studio

Combiner plusieurs solutions d’interface utilisateur web : ASP.NET Core MVC ou Razor Pages plus Blazor

MVC, Razor Pages et Blazor font partie du framework ASP.NET Core et ont été conçus pour être utilisés ensemble. Les composants Razor peuvent être intégrés dans les applications Razor Pages et MVC. Quand une vue ou une page est affichée, les composants peuvent dans le même temps faire l’objet d’un prérendu.

Avantages de MVC ou Razor Pages plus Blazor, en plus des avantages de MVC ou Razor Pages :

• Le prérendu exécute des composants Razor sur le serveur et les affiche dans une vue ou une page, ce qui améliore le temps de chargement perçu de l’application.
• Ajoute de l’interactivité aux vues ou pages existantes avec l’assistance au balisage de composant.

Pour commencer à utiliser ASP.NET Core MVC ou Razor Pages plus Blazor, consultez Intégration des composants ASP.NET Core Razor.

Étapes suivantes

Pour plus d'informations, consultez les pages suivantes :

• ASP.NET Core Blazor
• Modèles d’hébergement ASP.NET Core Blazor
• Intégrer des composants Razor ASP.NET Core aux applications ASP.NET Core
• Comparer les services gRPC avec les API HTTP