Začnite s ASP.NET Core Blazor

Blog

Začnite s ASP.NET Core Blazor

Začnite s Blazorom:



uzol autentifikátora Google js
  1. Nainštalujte .NET Core 3.1 SDK .

  2. Voliteľne nainštalujte šablónu Blazor WebAssembly:



    dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.1.0-preview4.19579.2
  3. Pri výbere nástrojov sa riaďte pokynmi:

    • Vizuálne štúdio
    • Kód Visual Studio
    • Visual Studio pre Mac
    • .NET Core CLI

3.1. Vizuálne štúdio



1. Nainštalujte Visual Studio 16.4 alebo novší s ASP.NET a vývoj webových aplikácií pracovná záťaž.

2. Vytvorte nový projekt.

3. Vyberte Aplikácia Blazor . Vyberte Ďalšie .

4. Zadajte názov projektu do súboru Názov projektu pole alebo prijmite predvolený názov projektu. Potvrďte Poloha zadanie je správne alebo zadajte umiestnenie projektu. Vyberte Vytvoriť .

5. Ak chcete používať Blazor WebAssembly, zvoľte Aplikácia Blazor WebAssembly predloha. Ak chcete používať server Blazor, zvoľte Aplikácia Blazor Server predloha. Vyberte Vytvoriť . Informácie o dvoch modeloch hostiteľa Blazor nájdete na adrese Server Blazor a Webová zostava Blazor , viď Hostiteľské modely ASP.NET Core Blazor .

6. Stlačte Ctrl + F5 na spustenie aplikácie.

Poznámka: Ak ste si nainštalovali rozšírenie Blazor Visual Studio pre predchádzajúce vydanie ukážky súboru ASP.NET Core Blazor (Preview 6 alebo starší), môžete rozšírenie odinštalovať. Inštalácia šablón Blazor do príkazového shellu teraz stačí na zobrazenie šablón v programe Visual Studio.

3.2. Kód Visual Studio

1. Nainštalujte Kód Visual Studio .

2. Nainštalujte najnovšiu verziu C# pre rozšírenie kódu Visual Studio .

3. Ak chcete pracovať s Blazor WebAssembly, spustite nasledujúci príkaz v príkazovom shelle:

``` dotnet new blazorwasm -o WebApplication1 ```

Ak chcete používať server Blazor, spustite nasledujúci príkaz v príkazovom shelle:

``` dotnet new blazorserver -o WebApplication1 ```

Informácie o dvoch modeloch hostiteľa Blazor nájdete na adrese Server Blazor a Webová zostava Blazor , viď ASP.NET Core hostingové modely Blazor.

4. Otvorte súbor Webová aplikácia 1 priečinok v programe Visual Studio Code.

5. V prípade projektu Blazor Server IDE požaduje, aby ste pridali prostriedky na zostavenie a ladenie projektu. Vyberte Áno .

6. Ak používate aplikáciu Blazor Server, spustite ju pomocou ladiaceho programu Visual Studio Code. Ak používate aplikáciu Blazor WebAssembly, spustite | _+_ | z priečinka projektu aplikácie.

7. V prehliadači prejdite na | _+_ |.

3.3. Visual Studio pre Mac

1. Nainštalujte Visual Studio pre Mac .

2. Vyberte Súbor > Nové riešenie alebo vytvorte a Nový projekt .

3. Na bočnom paneli vyberte .NET Core > Aplikácia .

4. Vyberte položku Aplikácia Blazor Server predloha. V súčasnosti je v aplikácii Visual Studio pre Mac k dispozícii iba šablóna Blazor Servera. Pri práci s Blazor WebAssembly postupujte podľa pokynov na stránke .NET Core CLI tab. Po výbere šablóny servera Blazor vyberte Ďalšie . Informácie o dvoch modeloch hostiteľa Blazor nájdete na adrese Server Blazor a Webová zostava Blazor ,.

5. Nastavte položku Cieľový rámec do .NET Core 3.1 a vyberte Ďalšie .

6. V priečinku Názov projektu zadajte názov aplikácie | _+_ |. Vyberte Vytvoriť .

7. Vyberte Utekaj > Spustiť bez ladenia na spustenie aplikácie bez ladiaceho programu . Spustite aplikáciu pomocou Spustite ladenie na spustenie aplikácie s debuggerom .

dotnet run

3.4. NET Core CLI

Ak chcete používať aplikáciu Blazor WebAssembly, vykonajte nasledujúce príkazy v príkazovom prostredí:

https://localhost:5001

Ak chcete používať server Blazor, spustite nasledujúce príkazy v príkazovom plášti:

WebApplication1

Informácie o dvoch modeloch hostiteľa Blazor nájdete na adrese Server Blazor a Webová zostava Blazor ,.

V prehliadači prejdite na | _+_ |.


Na kartách v bočnom paneli je k dispozícii viac stránok:

  • Domov
  • Počítadlo
  • Načítať údaje

Na stránke Počítadlo vyberte ikonu Klikni na mňa tlačidlo na zvýšenie počítadla bez obnovenia stránky. Na zvýšenie počítadla na webovej stránke je spravidla potrebné napísať JavaScript, ale s Blazorom môžete používať C#.

Strany/Counter.razor :

``` If a prompt appears to trust the development certificate, trust the certificate and continue. ```

Spustite aplikáciu. | _+_ | komponent má svoj vlastný počítadlo, ktoré sa zvýši vždy o desať Klikni na mňa je vybraté tlačidlo. | _+_ | komponent ( Counter.razor ) o | _+_ | pokračuje v prírastku o jednu.

#dotnet #asp.net #blazor #vývoj webových aplikácií