Exercice

Maintenant que les bases d’une application Blazor WebAssembly sont acquises, nous allons faire en sorte que notre application de gestion de ressources humaines puisse fonctionner également avec cette version de Blazor.

1. Énoncé

Faire fonctionner l’application avec Blazor WASM passe par plusieurs étapes :

  • création du projet WASM pouvant héberger les composants,

  • restructuration de l’application pour déplacer les composants dans une librairie dédiée,

  • refactoring des différents éléments pour qu’il soient compatibles avec les deux versions,

  • support du mode hors ligne,

  • transformation en PWA avec le support de Docker.

2. Corrigé

L’étape initiale obligatoire est de créer le projet. Cela peut se faire à l’aide d’un IDE ou de la ligne de commande :

dotnet new blazorwasm -n BlazorWASMApp 

Le projet est créé avec les fichiers de base, que nous pouvons supprimer (le dossier Pages, le dossier Shared, le fichier App.razor et le dossier sample-data dans wwwroot).

L’application n’est plus du tout fonctionnelle, et nous allons nous atteler au déplacement des composants dans un premier temps.

a. Création de la librairie de composants

Cela débute par la création d’une librairie qui permet d’héberger des composants Razor. Encore une fois, on peut faire cette manipulation à l’aide d’un IDE ou par la ligne de commande :

dotnet...
Pour consulter la suite, découvrez le livre suivant :
couv_EIBLAZ.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les spécificités de Blazor Client