Blazor WebAssembly projektek létrehozása és végrehajtása

Oldal létrehozásának dátuma :

környezet

Visual Studio
  • Visual Studio 2019
.NET
  • .NET 5,0

Visual Studio be- és telepítése

Használja a Visual Studio-t Blazor projektek fejlesztéséhez. További információ a Visual Studio alábbi beállításáról és beállításáról.

Más lépések unalmasak lehetnek, de a visual studio kódja is lehetővé teszi a fejlesztést. (Itt nem magyarázom el.)

Blazor WebAssembly projekt létrehozása

Válassza a Visual Studio 2019 lehetőséget a Start menüből. A verzió itt van 2019-ben, de a későbbi verziók is létrehozhatnak projekteket.

Válassza az Új projekt létrehozása lehetőséget.

Ha a fenti keresési beviteli mezőbe beírja a "Blazor" kifejezést, megjelenik egy lista, ezért válassza a "Blazor WebAssembly App" lehetőséget, és kattintson a "Tovább" gombra.

A projekt neve bármi lehet, de itt vagyunk a "BlazorWebAssemblySample". Bárhol is lehet, létrehozhat projekteket. A megoldás neve automatikusan meg van adva, így úgy hagyhatja el, ahogy van.

A célkeret a ". NET Core 3.1 vagy újabb. Itt a legújabb ". NET 5.0" van kiválasztva. A többit az alapértelmezett beállításokra hagyjuk. Ha elkészült, kattintson a "Létrehozás" gombra.

Megjelenik a fő vizuális stúdióablak (IDE), és a projekt létrehozása befejeződött. Az ablak elrendezése a beállításoktól függően változhat, de ez nem befolyásolja a fejlesztést.

A megadott mappa a projekthez kapcsolódó fájlokat tartalmaz. A projekt nem befolyásolja a mappa feletti hierarchiát (kívül), így ha már nincs rá szüksége, törölheti az egyes mappákat, és nem tehet semmit.

Futtatás (hibakeresés végrehajtása)

Egy kis minta befejeződik a projekt létrehozási állapotában, így úgy lehet végrehajtani, ahogy van. A futtatásához kattintson az eszköztár IIS Express parancsára. Egy egyszerű "IIS Express" webszerver jön létre a saját környezetében, és futtathatja a Blazor alkalmazást. Ez az IIS Express automatikusan kilép, amikor kilép a hibakeresésből.

By the way, blazor WebAssembly hibakeresés fut használja a webszerver csak letölteni alkalmazások.

A build indítása és egy bizonyos idő elteltével a build befejeződik, és elindul a webböngésző. Megjelenik egy webes képernyő, amely mindegyikét az ügyfél végzi (kivéve a kiszolgáló erőforrásainak elérését). Míg a webalkalmazások ügyféloldali feldolgozása általában Javascripttel íródik, a Blazor a WebAssembly mechanizmusát használhatja a C# létrehozására.

A következő hogyan növelheti a számot minden kattintáskor: Ezek a nem képernyős frissített műveletek általában Javascriptben íródnak, de C # is végrehajtják őket.

Ez az a képernyő, amely letölti a JSON fájlt a kiszolgálóról, és megjeleníti a listát.

A végrehajtás hibakeresésének leállítása

Ha a webböngésző önmagában indul, a webböngésző bezárása véget vet a hibakeresés végrehajtásának, de ha egy már elindított webböngésző új lapján nyitja meg, a lap bezárása nem zárja le a hibakeresési futtatást.

Ebben az esetben kattintson a Visual Studio eszköztár "Hibakeresés leállítása" gombjára.

A fejlesztés vége

Alapvetően ki kell lépnie a Visual Studio-ból, mint bármely más projekt. Ha a fájlokat nem mentette, a rendszer mentés visszaigazolást jelenít meg.

Amikor újra fejlődik, megnyithatja a "xxxxxxxx.sin" fájlt, vagy megnyithatja az előzményeket a Visual Studio indításakor, így onnan nyithatja meg.