Crearea și executarea proiectelor Blazor WebAssembly

Data creării paginii :

mediu

Visual Studio
  • Visual Studio 2019
.NET
  • .NET 5.0

Obținerea și instalarea Visual Studio

Utilizați Visual Studio pentru a dezvolta proiecte Blazor. Aflați cum să obțineți și să configurați Visual Studio de mai jos.

Alți pași pot fi plictisitori, dar codul vizual de studio vă permite, de asemenea, să vă dezvoltați. (Nu voi explica aici.)

Crearea unui proiect Blazor WebAssembly

Selectați Visual Studio 2019 din meniul Start. Versiunea este 2019 aici, dar versiunile ulterioare pot crea și proiecte.

Selectați Creați un proiect nou.

Dacă introduceți "Blazor" în câmpul de introducere a căutării de mai sus, va fi afișată o listă, deci selectați "Blazor WebAssembly App" și faceți clic pe butonul "Următorul".

Numele proiectului poate fi orice, dar aici suntem "BlazorWebAssemblySample". Puteți crea proiecte oriunde v-ați afla. Numele soluției este introdus automat, astfel încât să îl puteți lăsa așa cum este.

Cadrul țintă este ". NET Core 3.1 sau o versiune ulterioară. Aici este cel mai recent ". NET 5.0 "este selectat. Restul este lăsat la setările implicite. Când ați terminat, faceți clic pe butonul "Creare".

Se afișează fereastra principală a studioului vizual (IDE) și crearea proiectului este completă. Aspectul ferestrei poate varia în funcție de preferințele dvs., dar nu afectează dezvoltarea.

Folderul specificat conține fișiere legate de proiect. Proiectul nu afectează ierarhia de deasupra acestui folder (în exterior), deci dacă nu mai aveți nevoie de el, puteți șterge fiecare folder și nu puteți face nimic.

Executare (execuție depanare)

Un mic eșantion este finalizat în starea de creare a proiectului, deci este posibil să-l executați așa cum este. Faceți clic pe IIS Express pe bara de instrumente pentru a o rula. Un server web simplu "IIS Express" este creat în propriul mediu și puteți rula aplicația Blazor. Acest IIS Express se închide automat atunci când ieșiți din depanare.

Apropo, blazor WebAssembly depanare ruleaza ruleaza utiliza serverul web numai pentru a descărca aplicații.

După ce începe compilarea și a trecut o anumită perioadă de timp, compilarea este finalizată și începe browserul web. Veți vedea un ecran Web, toate acestea sunt realizate de client (cu excepția accesării resurselor serverului). În timp ce procesarea pe partea clientului pentru aplicații web este de obicei scrisă în Javascript, Blazor poate utiliza mecanismul WebAssembly pentru a le crea în C#.

Iată cum să măriți numărul de fiecare dată când faceți clic pe: Aceste operațiuni reîmprospătate non-ecran sunt în general scrise în Javascript, dar sunt, de asemenea, implementate în C#.

Acesta este ecranul care descarcă fișierul JSON de pe server și afișează lista.

Oprirea execuției de depanare

Dacă browserul Web este lansat de la sine, închiderea browserului web va încheia execuția de depanare, dar dacă îl deschideți într-o filă nouă într-un browser Web care a fost deja lansat, închiderea filei nu va termina rularea de depanare.

Dacă acesta este cazul, faceți clic pe butonul "Opriți depanarea" din bara de instrumente Visual Studio.

Sfârșitul dezvoltării

Practic, ar trebui să ieșiți din Visual Studio la fel ca orice alt proiect. Dacă fișierele nu au fost salvate, se afișează o confirmare de salvare.

Când dezvoltați din nou, puteți deschide fișierul "xxxxxxxx.sin" sau deschideți istoricul atunci când porniți Visual Studio, astfel încât să îl puteți deschide de acolo.