Creare ed eseguire progetti Blazor WebAssembly
ambiente
- Visual Studio
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
Recupero e installazione di Visual Studio
Utilizzare Visual Studio per sviluppare progetti Blazor. Scopri come ottenere e configurare Visual Studio di seguito.
Altri passaggi possono essere noiosi, ma il codice di Visual Studio consente anche di sviluppare. (Non spiegherò qui.)
Creare un progetto Blazor WebAssembly
Selezionare Visual Studio 2019 dal menu Start. La versione è 2019 qui, ma le versioni successive possono anche creare progetti.
Selezionare Crea un nuovo progetto.
Se inserisci "Blazor" nel campo di input di ricerca sopra, verrà visualizzato un elenco, quindi seleziona "Blazor WebAssembly App" e fai clic sul pulsante "Avanti".
Il nome del progetto può essere qualsiasi cosa, ma qui siamo "BlazorWebAssemblySample". Puoi creare progetti ovunque tu sia. Il nome della soluzione viene immesso automaticamente, quindi è possibile lasciarlo così com'è.
Il quadro di riferimento è ". NET Core 3.1 o versione successiva. Ecco l'ultimo ". NET 5.0" è selezionato. Il resto è lasciato alle impostazioni predefinite. Al termine, fai clic sul pulsante "Crea".
Viene visualizzata la finestra principale di Visual Studio (IDE) e la creazione del progetto è completa. Il layout della finestra può variare a seconda delle preferenze, ma non influisce sullo sviluppo.
La cartella specificata contiene i file correlati al progetto. Il progetto non influisce sulla gerarchia sopra questa cartella (all'esterno), quindi se non ne hai più bisogno, puoi eliminare ogni cartella e non puoi fare nulla.
Esegui (esecuzione del debug)
Un piccolo esempio viene completato nello stato di creazione del progetto, quindi è possibile eseguirlo così com'è. Fare clic su IIS Express sulla barra degli strumenti per eseguirlo. Un semplice server web "IIS Express" viene creato nel proprio ambiente ed è possibile eseguire l'app Blazor. Questo IIS Express si chiude automaticamente quando si esce dal debug.
A proposito, blazor WebAssembly debugging runs utilizzare il server web solo per scaricare app.
Dopo l'avvio della compilazione e un certo periodo di tempo, la compilazione viene completata e viene avviato il browser Web. Verrà visualizzata una schermata Web, che viene eseguita tutte dal client (ad eccezione dell'accesso alle risorse del server). Mentre l'elaborazione lato client per le app Web è in genere scritta in Javascript, Blazor può usare il meccanismo di WebAssembly per crearle in C#.
Ecco come aumentare il conteggio ogni volta che fai clic: Queste operazioni non aggiornate sullo schermo sono generalmente scritte in Javascript, ma sono implementate anche in C#.
Questa è la schermata che scarica il file JSON dal server e visualizza l'elenco.
Interrompere l'esecuzione del debug
Se il browser Web viene avviato da solo, la chiusura del browser Web terminerà l'esecuzione del debug, ma se lo si apre in una nuova scheda in un browser Web già avviato, la chiusura della scheda non terminerà l'esecuzione del debug.
In questo caso, fare clic sul pulsante "Interrompi debug" dalla barra degli strumenti di Visual Studio.
Fine dello sviluppo
Fondamentalmente, dovresti uscire da Visual Studio proprio come qualsiasi altro progetto. Se alcuni file non sono stati salvati, viene visualizzata una conferma di salvataggio.
Quando si sviluppa di nuovo, è possibile aprire il file "xxxxxxxx.sin" o aprire la cronologia quando si avvia Visual Studio, in modo da poterlo aprire da lì.