Créer et exécuter des projets Blazor WebAssembly
environnement
- Visual Studio
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
Obtention et installation de Visual Studio
Utilisez Visual Studio pour développer des projets Blazor. Découvrez comment obtenir et configurer Visual Studio ci-dessous.
D’autres étapes peuvent être fastidieuses, mais le code Visual Studio vous permet également de développer. (Je n’expliquerai pas ici.)
Créer un projet Blazor WebAssembly
Sélectionnez Visual Studio 2019 dans le menu Démarrer. La version est 2019 ici, mais les versions ultérieures peuvent également créer des projets.
Sélectionnez Créer un nouveau projet.
Si vous entrez « Blazor » dans le champ de saisie de recherche ci-dessus, une liste s’affichera, alors sélectionnez « Blazor WebAssembly App » et cliquez sur le bouton « Suivant ».
Le nom du projet peut être n’importe quoi, mais ici nous sommes « BlazorWebAssemblySample ». Vous pouvez créer des projets où que vous soyez. Le nom de la solution est entré automatiquement, vous pouvez donc le laisser tel quel.
Le cadre cible est " . NET Core 3.1 ou version ultérieure. Voici le dernier en date ». NET 5.0 » est sélectionné. Le reste est laissé aux paramètres par défaut. Lorsque vous avez terminé, cliquez sur le bouton « Créer ».
La fenêtre principale de Visual Studio (IDE) s’affiche et la création du projet est terminée. La disposition de la fenêtre peut varier en fonction de vos préférences, mais cela n’affecte pas le développement.
Le dossier spécifié contient des fichiers liés au projet. Le projet n’affecte pas la hiérarchie au-dessus de ce dossier (à l’extérieur), donc si vous n’en avez plus besoin, vous pouvez supprimer chaque dossier et vous ne pouvez rien faire.
Exécuter (exécution du débogage)
Un petit échantillon est complété dans l’état de création du projet, il est donc possible de l’exécuter tel quel. Cliquez sur IIS Express dans la barre d’outils pour l’exécuter. Un simple serveur Web « IIS Express » est créé dans votre propre environnement et vous pouvez exécuter l’application Blazor. Cet IIS Express se ferme automatiquement lorsque vous quittez le débogage.
À propos, les exécutions de débogage Blazor WebAssembly utilisent le serveur Web uniquement pour télécharger des applications.
Une fois que la génération démarre et qu’un certain temps s’est écoulé, la génération est terminée et le navigateur Web démarre. Vous verrez un écran Web, qui sont tous effectués par le client (à l’exception de l’accès aux ressources du serveur). Alors que le traitement côté client pour les applications Web est généralement écrit en Javascript, Blazor peut utiliser le mécanisme de WebAssembly pour les créer en C#.
Voici comment augmenter le nombre chaque fois que vous cliquez : Ces opérations non actualisées à l’écran sont généralement écrites en Javascript, mais elles sont également implémentées en C#.
Il s’agit de l’écran qui télécharge le fichier JSON à partir du serveur et affiche la liste.
Arrêter l’exécution du débogage
Si le navigateur Web est lancé par lui-même, la fermeture du navigateur Web mettra fin à l’exécution du débogage, mais si vous l’ouvrez dans un nouvel onglet d’un navigateur Web déjà lancé, la fermeture de l’onglet ne mettra pas fin à l’exécution du débogage.
Si tel est le cas, cliquez sur le bouton « Arrêter le débogage » dans la barre d’outils Visual Studio.
Fin du développement
Fondamentalement, vous devez quitter Visual Studio comme n’importe quel autre projet. Si des fichiers n’ont pas été enregistrés, une confirmation d’enregistrement s’affiche.
Lorsque vous développez à nouveau, vous pouvez ouvrir le fichier « xxxxxxxx.sin » ou ouvrir l’historique lorsque vous démarrez Visual Studio, afin de pouvoir l’ouvrir à partir de là.