Nástroje pro ASP.NET Core Blazor

  1. Nainstalujte nejnovější verzi Visual Studio 2022 s úlohou ASP.NET a vývoje pro web.

  2. Vytvoření nového projektu

  3. Pokud chcete Blazor WebAssembly mít zkušenosti, zvolte Blazor WebAssembly šablonu Aplikace. Pokud chcete Blazor Server mít zkušenosti, zvolte Blazor Server šablonu Aplikace. Vyberte Další.

  4. Zadejte název Project a potvrďte, že je umístění správné. Vyberte Další.

  5. V dialogovém okně Další informace zaškrtněte políčko ASP.NET Core hostované Blazor WebAssembly aplikace. Vyberte Vytvořit.

    Informace o těchto dvou Blazor modelech hostování Blazor WebAssembly (samostatných a hostovaných) a Blazor Server najdete v tématu BlazorASP.NET Core modely hostování .

  6. Stisknutím kláves Ctrl + F5 spusťte aplikaci.

    Při spuštění Blazor WebAssembly hostovaného řešení v Visual Studio je spouštěný projekt řešení Server projektem.

Další informace o důvěřování certifikátu HTTPS ASP.NET Core najdete v tématu Vynutilit HTTPS v ASP.NET Core .

Při spouštění Blazor WebAssembly hostované aplikace spusťte aplikaci z projektu Server řešení.

  1. Nainstalujte nejnovější verzi .NET Core SDK. Pokud jste dříve nainstalovali sadu SDK, můžete zjistit nainstalovanou verzi spuštěním následujícího příkazu v příkazovém prostředí:

    dotnet --version
    
  2. Nainstalujte nejnovější verzi Visual Studio Code.

  3. Nainstalujte nejnovější verzi jazyka C# Visual Studio Code rozšíření.

  4. Pokud chcete Blazor WebAssembly mít zkušenosti, spusťte v příkazovém prostředí následující příkaz:

    dotnet new blazorwasm -o WebApplication1
    

    V případě Blazor WebAssembly hostovaného prostředí přidejte do příkazu -ho možnost hostovaného prostředí ( --hosted nebo ):

    dotnet new blazorwasm -o WebApplication1 -ho
    

    Pokud chcete Blazor Server mít zkušenosti, spusťte v příkazovém prostředí následující příkaz:

    dotnet new blazorserver -o WebApplication1
    

    Informace o těchto dvou Blazor modelech hostování Blazor WebAssembly (samostatných a hostovaných) a Blazor Server najdete v tématu BlazorASP.NET Core modely hostování .

  5. Otevřete složku WebApplication1 v Visual Studio Code.

  6. Integrované vývojové prostředí (IDE) požaduje přidání prostředků pro sestavení a ladění projektu. Vyberte Ano.

    Pokud Visual Studio Code nenabízí automatické vytváření prostředků, použijte následující soubory:

    .vscode/launch.json (nakonfigurované pro spuštění a ladění Blazor WebAssembly aplikace):

    {
      "version": "0.2.0",
      "configurations": [
        {
          "type": "blazorwasm",
          "name": "Launch and Debug Blazor WebAssembly Application",
          "request": "launch",
          "cwd": "${workspaceFolder}",
          "browser": "edge"
        }
      ]
    }
    

    .vscode/tasks.json:

    {
      "version": "2.0.0",
      "tasks": [
        {
          "label": "build",
          "command": "dotnet",
          "type": "shell",
          "args": [
            "build",
            "/property:GenerateFullPaths=true",
            "/consoleloggerparameters:NoSummary",
           ],
           "group": "build",
           "presentation": {
              "reveal": "silent"
           },
           "problemMatcher": "$msCompile"
        }
      ]
    }
    

    Soubor projektu obsahuje vlastnost proxy ladění pro všechny Properties/launchSettings.json inspectUri profily v oddílu profiles souboru:

    "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
    

    Hostované Blazor WebAssembly spuštění a konfigurace úloh

    Pro hostovaná řešení přidejte (nebo přesuňte) složku se soubory a do nadřazené složky řešení, což je složka, která obsahuje typické složky Blazor WebAssembly .vscode launch.json tasks.json projektu: Client Server , Shared a . Aktualizujte nebo potvrďte, že konfigurace v launch.json souborech tasks.json a spouští Blazor WebAssembly hostovanou aplikaci z Server projektu.

    Prozkoumejte Properties/launchSettings.json soubor a zjistěte adresu URL aplikace z applicationUrl vlastnosti (například https://localhost:7268 ). Poznamenejte si tuto hodnotu pro použití v launch.json souboru .

    Ve spouštěcí konfiguraci .vscode/launch.json souboru:

    • Nastavte aktuální pracovní adresář ( cwd ) na Server složku projektu.
    • Zadejte adresu URL aplikace pomocí url vlastnosti . Použijte hodnotu zaznamenanou dříve ze Properties/launchSettings.json souboru .
    "cwd": "${workspaceFolder}/{SERVER APP FOLDER}",
    "url": "{URL}"
    

    V předchozí konfiguraci:

    • Zástupný {SERVER APP FOLDER} symbol je složka Server projektu, obvykle Server .
    • Zástupný symbol je adresa URL aplikace, která je určená v souboru {URL} Properties/launchSettings.json aplikace ve vlastnosti applicationUrl .

    Pokud Microsoft Edge a Google Chrome není v systému nainstalovaný, přidejte do konfigurace "browser": "edge" další vlastnost .

    Následující příklad .vscode/launch.json souboru:

    • Nastaví aktuální pracovní adresář na Server složku .
    • Nastaví adresu URL aplikace na https://localhost:7268 .
    • Změní výchozí prohlížeč z Google Chromu, což je výchozí prohlížeč, na Microsoft Edge.
    "cwd": "${workspaceFolder}/Server",
    "url": "https://localhost:7268",
    "browser": "edge"
    

    Dokončený .vscode/launch.json soubor:

    {
      "version": "0.2.0",
      "configurations": [
        {
          "type": "blazorwasm",
          "name": "Launch and Debug Blazor WebAssembly Application",
          "request": "launch",
          "cwd": "${workspaceFolder}/Server",
          "url": "https://localhost:7268",
          "browser": "edge"
        }
      ]
    }
    

    Do .vscode/tasks.json souboru přidejte argument, který určuje cestu k build souboru projektu Server aplikace:

    "${workspaceFolder}/{SERVER APP FOLDER}/{PROJECT NAME}.csproj",
    

    V předchozím argumentu:

    • Zástupný {SERVER APP FOLDER} symbol je složka Server projektu, obvykle Server .
    • Zástupný symbol je název aplikace, obvykle na základě názvu řešení, za kterým následuje v aplikaci vygenerované {PROJECT NAME} .Server ze šablony Blazor WebAssembly projektu.

    Příklad .vscode/tasks.json souboru s Server projektem ve BlazorHosted Server složce řešení:

    {
      "version": "2.0.0",
      "tasks": [
        {
          "label": "build",
          "command": "dotnet",
          "type": "process",
            "args": [
              "build",
              "${workspaceFolder}/Server/BlazorHosted.Server.csproj",
              "/property:GenerateFullPaths=true",
              "/consoleloggerparameters:NoSummary",
            ],
            "group": "build",
            "presentation": {
              "reveal": "silent"
            },
            "problemMatcher": "$msCompile"
        }
      ]
    }
    
  7. Stisknutím kláves Ctrl + F5 spusťte aplikaci.

Poznámka

V tuto chvíli se podporuje pouze ladění prohlížeče.

Během ladění není možné automaticky znovu sestavit back-endové aplikace hostovaného řešení, například spuštěním Server Blazor WebAssembly aplikace pomocí dotnet watch run .

Důvěřovat certifikátu pro vývoj

Neexistuje žádný centralizovaný způsob, jak důvěřovat certifikátu v Linuxu. Obvykle se používá jeden z následujících přístupů:

  • Vylučte adresu URL aplikace v seznamu vyloučení prohlížeče.
  • Důvěřujte všem certifikátům podepsaných svým držitelem pro localhost .
  • Přidejte certifikát do seznamu důvěryhodných certifikátů v prohlížeči.

Další informace najdete v pokynech od výrobce prohlížeče a distribuce Linuxu.

  1. Nainstalujte Visual Studio pro Mac.

  2. Vyberte File > New Solution (Soubor nového řešení) nebo v úvodním okně vytvořte nový projekt.

  3. Na bočním panelu vyberte Web a Konzolová > aplikace.

    Pokud chcete Blazor WebAssembly mít zkušenosti, zvolte Blazor WebAssembly šablonu Aplikace. Pokud chcete Blazor Server mít zkušenosti, zvolte Blazor Server šablonu Aplikace. Vyberte Další.

    Informace o těchto dvou Blazor modelech hostování Blazor WebAssembly (samostatných a hostovaných) a Blazor Server najdete v tématu BlazorASP.NET Core modely hostování .

  4. Ověřte, že ověřování je nastavené na Bez ověřování. Vyberte Další.

  5. V případě Blazor WebAssembly hostovaného prostředí zaškrtněte políčko ASP.NET Core hostované prostředí.

  6. V poli Project Název zadejte název aplikace WebApplication1 . Vyberte Vytvořit.

  7. Pokud chcete aplikaci spustit > bez ladicího programu, vyberte Spustit spustit bez ladění. Spusťte aplikaci pomocí možnosti Spustit spustit ladění nebo pomocí tlačítka Spustit > (▶) spusťte aplikaci s ladicím programem.

Pokud se zobrazí výzva, která důvěřuje vývojovému certifikátu, důvěřujte certifikátu a pokračujte. K důvěřování certifikátu se vyžaduje heslo uživatele a klíčen. Další informace o důvěřování certifikátu HTTPS ASP.NET Core najdete v tématu Vynutilit HTTPS v ASP.NET Core .

Při spouštění Blazor WebAssembly hostované aplikace spusťte aplikaci z projektu Server řešení.

Použití Visual Studio Code pro vývoj pro více Blazor platforem

Visual Studio Code je open source integrované vývojové prostředí (IDE) pro více platforem, které je možné použít k vývoji Blazor aplikací. Pomocí .NET CLI můžete vytvořit novou aplikaci Blazor pro vývoj pomocí Visual Studio Code. Další informace najdete v tomto článku ve verzi pro Linux.

Blazor možnosti šablony

Rozhraní Blazor poskytuje šablony pro vytváření nových aplikací pro každý ze dvou modelů Blazor hostování. Šablony se používají k vytváření nových projektů a řešení bez ohledu na nástroje, které vyberete pro vývoj Blazor Blazor (Visual Studio, Visual Studio pro Mac, Visual Studio Code nebo .NET CLI):

  • Blazor Server šablona projektu: blazorserver
  • Blazor WebAssembly šablona projektu: blazorwasm

Další informace o Blazor modelech hostování najdete v tématu BlazorASP.NET Core modely hostování . Další informace o Blazor šablonách projektů najdete v tématu ASP.NET Core Blazor struktura projektu .

Další informace o možnostech šablon najdete v následujících zdrojích informací:

  • Výchozí šablony .NET pro nový článek dotnet v dokumentaci k .NET Core:
  • Předání možnosti nápovědy ( -h nebo ) do příkazu CLI v příkazovém --help dotnet new prostředí:
    • dotnet new blazorserver -h
    • dotnet new blazorwasm -h

Další zdroje informací

  1. Nainstalujte nejnovější verzi Visual Studio 2022 s úlohou ASP.NET a vývoje pro web.

  2. Vytvoření nového projektu

  3. Pokud chcete Blazor WebAssembly mít zkušenosti, zvolte Blazor WebAssembly šablonu Aplikace. Pro Blazor Server prostředí vyberte šablonu Blazor Server aplikace . Vyberte Další.

  4. zadejte Project název a ověřte, zda je umístění správné. Vyberte Další.

  5. v dialogovém okně další informace zaškrtněte políčko ASP.NET Core hostované u hostované Blazor WebAssembly aplikace. Vyberte Vytvořit.

    Informace o těchto dvou Blazor modelech hostování, Blazor WebAssembly (samostatné a hostované) a Blazor Server naleznete v tématu BlazorASP.NET Core modely hostování .

  6. Spusťte aplikaci stisknutím klávesy CTRL + F5 .

    při spuštění hostovaného Blazor WebAssembly řešení v Visual Studio je projekt po spuštění řešení Server projekt.

další informace o důvěřování certifikátu pro vývoj ASP.NET Core HTTPS najdete v tématu Vynutilit HTTPS v ASP.NET Core .

Při spouštění hostované Blazor WebAssembly aplikace spusťte aplikaci z Server projektu řešení.

  1. Nainstalujte nejnovější verzi .NET Core SDK. Pokud jste dříve nainstalovali sadu SDK, můžete zjistit nainstalovanou verzi spuštěním následujícího příkazu v příkazovém prostředí:

    dotnet --version
    
  2. nainstalujte nejnovější verzi Visual Studio Code.

  3. nainstalujte nejnovější rozšíření C# for Visual Studio Code.

  4. Pro Blazor WebAssembly prostředí spusťte následující příkaz v příkazovém prostředí:

    dotnet new blazorwasm -o WebApplication1
    

    V případě hostovaného Blazor WebAssembly prostředí přidejte do příkazu možnost Hosted ( -ho nebo --hosted ):

    dotnet new blazorwasm -o WebApplication1 -ho
    

    Pro Blazor Server prostředí spusťte následující příkaz v příkazovém prostředí:

    dotnet new blazorserver -o WebApplication1
    

    Informace o těchto dvou Blazor modelech hostování, Blazor WebAssembly (samostatné a hostované) a Blazor Server naleznete v tématu BlazorASP.NET Core modely hostování .

  5. Otevřete WebApplication1 složku v Visual Studio Code.

  6. Rozhraní IDE požaduje, abyste přidali prostředky pro sestavení a ladění projektu. Vyberte Ano.

    pokud Visual Studio Code nenabízí automatické vytváření prostředků, použijte následující soubory:

    .vscode/launch.json (nakonfigurováno pro spuštění a ladění Blazor WebAssembly aplikace):

    {
        // Use IntelliSense to learn about possible attributes.
        // Hover to view descriptions of existing attributes.
        // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
        "version": "0.2.0",
        "configurations": [
            {
                "type": "blazorwasm",
                "name": "Launch and Debug Blazor WebAssembly Application",
                "request": "launch",
                "cwd": "${workspaceFolder}",
                "browser": "edge"
            }
        ]
    }
    

    .vscode/tasks.json:

    {
        // See https://go.microsoft.com/fwlink/?LinkId=733558
        // for the documentation about the tasks.json format
        "version": "2.0.0",
        "tasks": [
            {
                "label": "build",
                "command": "dotnet",
                "type": "shell",
                "args": [
                    "build",
                    // Ask dotnet build to generate full paths for file names.
                    "/property:GenerateFullPaths=true",
                    // Do not generate summary otherwise it leads to duplicate errors in Problems panel
                    "/consoleloggerparameters:NoSummary",
                ],
                "group": "build",
                "presentation": {
                    "reveal": "silent"
                },
                "problemMatcher": "$msCompile"
            }
        ]
    }
    

    Hostované Blazor WebAssembly spuštění a konfigurace úlohy

    U hostovaných Blazor WebAssembly řešení přidejte (nebo přesuňte) .vscode složku se launch.json soubory a tasks.json do nadřazené složky řešení, což je složka, která obsahuje typické složky projektu: Client , Server , a Shared . Aktualizujte nebo potvrďte, že konfigurace launch.json v tasks.json souborech a spustí hostovanou Blazor WebAssembly aplikaci z Server projektu.

    .vscode/launch.json ( launch Konfigurace):

    ...
    "cwd": "${workspaceFolder}/{SERVER APP FOLDER}",
    ...
    

    V předchozí konfiguraci pro aktuální pracovní adresář ( cwd ) {SERVER APP FOLDER} je zástupný text Server složkou projektu, obvykle " Server ".

    pokud se používá Microsoft Edge a v systému není nainstalovaná Google Chrome, přidejte do konfigurace další vlastnost "browser": "edge" .

    příklad pro složku projektu Server a, která vytvoří Microsoft Edge jako prohlížeč pro ladicí běhy místo výchozího prohlížeče Google Chrome:

    ...
    "cwd": "${workspaceFolder}/Server",
    "browser": "edge"
    ...
    

    .vscode/tasks.json(argumenty dotnet příkazu ):

    ...
    "${workspaceFolder}/{SERVER APP FOLDER}/{PROJECT NAME}.csproj",
    ...
    

    V předchozím argumentu:

    • {SERVER APP FOLDER}Zástupný symbol je Server Složka projektu, obvykle " Server ".
    • {PROJECT NAME}Zástupný symbol je název aplikace, obvykle v závislosti na názvu řešení následovaným znakem " .Server " v aplikaci vygenerované ze Blazor šablony projektu.

    Následující příklad z kurzu použití SignalR s Blazor WebAssembly aplikací v aplikaci používá název složky projektu Server a název projektu BlazorWebAssemblySignalRApp.Server :

    ...
    "args": [
      "build",
        "${workspaceFolder}/Server/BlazorWebAssemblySignalRApp.Server.csproj",
        ...
    ],
    ...
    
  7. Spusťte aplikaci stisknutím klávesy CTRL + F5 .

Důvěryhodnost vývojového certifikátu

Neexistuje žádný centralizovaný způsob, jak důvěřovat certifikátu v systému Linux. Obvykle se přijme jedna z následujících přístupů:

  • Vylučte adresu URL aplikace v seznamu vyloučení v prohlížeči.
  • Důvěřovat všem certifikátům podepsaným svým držitelem pro localhost .
  • Přidejte certifikát do seznamu důvěryhodných certifikátů v prohlížeči.

Další informace najdete v pokynech od výrobce prohlížeče a distribuce systému Linux.

  1. nainstalujte Visual Studio pro Mac.

  2. Vyberte soubor > nové řešení nebo vytvořte Nový projekt z okna Start.

  3. Na bočním panelu vyberte Webová a konzolová > aplikace.

    Pro Blazor WebAssembly prostředí vyberte šablonu Blazor WebAssembly aplikace . Pro Blazor Server prostředí vyberte šablonu Blazor Server aplikace . Vyberte Další.

    Informace o těchto dvou Blazor modelech hostování, Blazor WebAssembly (samostatné a hostované) a Blazor Server naleznete v tématu BlazorASP.NET Core modely hostování .

  4. Potvrďte, že ověřování je nastaveno na bez ověřování. Vyberte Další.

  5. v případě hostovaného Blazor WebAssembly prostředí zaškrtněte políčko ASP.NET Core hostované .

  6. do pole název Project název aplikace WebApplication1 . Vyberte Vytvořit.

  7. Chcete-li spustit aplikaci bez ladicího programu, vyberte možnost spustit bez ladění . Spusťte aplikaci pomocí příkazového > počátečního ladění nebo tlačítka Spustit (▶), aby se aplikace spustila s ladicím programem.

Pokud se zobrazí výzva k důvěřování vývojovým certifikátům, důvěřujete certifikátu a pokračujte. Certifikát uživatele a řetězce klíčů je nutný k důvěřování certifikátu. další informace o důvěřování certifikátu pro vývoj ASP.NET Core HTTPS najdete v tématu Vynutilit HTTPS v ASP.NET Core .

Při spouštění hostované Blazor WebAssembly aplikace spusťte aplikaci z Server projektu řešení.

použití Visual Studio Code pro vývoj pro různé platformy Blazor

Visual Studio Code je open source integrované vývojové prostředí (IDE) pro různé platformy, které se dá použít k vývoji Blazor aplikací. Rozhraní .NET CLI slouží k vytvoření nové Blazor aplikace pro vývoj pomocí Visual Studio Code. Další informace najdete v části verze pro Linux tohoto článku.

Blazor Možnosti šablony

Rozhraní Blazor poskytuje šablony pro vytváření nových aplikací pro každý ze dvou Blazor modelů hostování. šablony se používají k vytváření nových Blazor projektů a řešení bez ohledu na to, který nástroj vyberete pro Blazor vývoj (Visual Studio, Visual Studio pro Mac, Visual Studio Code nebo rozhraní .net CLI):

  • Blazor WebAssembly Šablona projektu: blazorwasm
  • Blazor Server Šablona projektu: blazorserver

Další informace o Blazor modelech hostování naleznete v tématu BlazorASP.NET Core modely hostování . Další informace o Blazor šablonách projektů naleznete v tématu ASP.NET Core Blazor struktura projektu .

Možnosti šablony jsou k dispozici předáním možnosti Help ( -h nebo --help ) dotnet new příkazu CLI v příkazovém prostředí:

dotnet new blazorwasm -h
dotnet new blazorserver -h

Další zdroje informací

  1. nainstalujte nejnovější verzi Visual Studio 2022 s úlohou vývoje ASP.NET a webu .

  2. Vytvoření nového projektu

  3. Pro Blazor WebAssembly prostředí vyberte šablonu Blazor WebAssembly aplikace . Pro Blazor Server prostředí vyberte šablonu Blazor Server aplikace . Vyberte Další.

  4. zadejte Project název a ověřte, zda je umístění správné. Vyberte Další.

  5. v dialogovém okně další informace zaškrtněte políčko ASP.NET Core hostované u hostované Blazor WebAssembly aplikace. Vyberte Vytvořit.

    Informace o těchto dvou Blazor modelech hostování, Blazor WebAssembly (samostatné a hostované) a Blazor Server naleznete v tématu BlazorASP.NET Core modely hostování .

  6. Spusťte aplikaci stisknutím klávesy CTRL + F5 .

    při spuštění hostovaného Blazor WebAssembly řešení v Visual Studio je projekt po spuštění řešení Server projekt.

další informace o důvěřování certifikátu pro vývoj ASP.NET Core HTTPS najdete v tématu Vynutilit HTTPS v ASP.NET Core .

Při spouštění hostované Blazor WebAssembly aplikace spusťte aplikaci z Server projektu řešení.

  1. Nainstalujte nejnovější verzi .NET Core SDK. Pokud jste dříve nainstalovali sadu SDK, můžete zjistit nainstalovanou verzi spuštěním následujícího příkazu v příkazovém prostředí:

    dotnet --version
    
  2. nainstalujte nejnovější verzi Visual Studio Code.

  3. nainstalujte nejnovější rozšíření C# for Visual Studio Code.

  4. Pro Blazor WebAssembly prostředí spusťte následující příkaz v příkazovém prostředí:

    dotnet new blazorwasm -o WebApplication1
    

    V případě hostovaného Blazor WebAssembly prostředí přidejte do příkazu možnost Hosted ( -ho nebo --hosted ):

    dotnet new blazorwasm -o WebApplication1 -ho
    

    Pro Blazor Server prostředí spusťte následující příkaz v příkazovém prostředí:

    dotnet new blazorserver -o WebApplication1
    

    Informace o těchto dvou Blazor modelech hostování, Blazor WebAssembly (samostatné a hostované) a Blazor Server naleznete v tématu BlazorASP.NET Core modely hostování .

  5. Otevřete WebApplication1 složku v Visual Studio Code.

  6. Rozhraní IDE požaduje, abyste přidali prostředky pro sestavení a ladění projektu. Vyberte Ano.

    Pokud Visual Studio Code nenabízí automatické vytváření prostředků, použijte následující soubory:

    .vscode/launch.json (nakonfigurované pro spuštění a ladění Blazor WebAssembly aplikace):

    {
        // Use IntelliSense to learn about possible attributes.
        // Hover to view descriptions of existing attributes.
        // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
        "version": "0.2.0",
        "configurations": [
            {
                "type": "blazorwasm",
                "name": "Launch and Debug Blazor WebAssembly Application",
                "request": "launch",
                "cwd": "${workspaceFolder}",
                "browser": "edge"
            }
        ]
    }
    

    .vscode/tasks.json:

    {
        // See https://go.microsoft.com/fwlink/?LinkId=733558
        // for the documentation about the tasks.json format
        "version": "2.0.0",
        "tasks": [
            {
                "label": "build",
                "command": "dotnet",
                "type": "shell",
                "args": [
                    "build",
                    // Ask dotnet build to generate full paths for file names.
                    "/property:GenerateFullPaths=true",
                    // Do not generate summary otherwise it leads to duplicate errors in Problems panel
                    "/consoleloggerparameters:NoSummary",
                ],
                "group": "build",
                "presentation": {
                    "reveal": "silent"
                },
                "problemMatcher": "$msCompile"
            }
        ]
    }
    

    Hostované Blazor WebAssembly spuštění a konfigurace úloh

    Pro hostovaná řešení přidejte (nebo přesuňte) složku se soubory a do nadřazené složky řešení, což je složka, která obsahuje typické složky Blazor WebAssembly .vscode launch.json tasks.json projektu: Client Server , Shared a . Aktualizujte nebo potvrďte, že konfigurace v launch.json souborech tasks.json a spouští Blazor WebAssembly hostovanou aplikaci z Server projektu.

    .vscode/launch.jsonlaunch(konfigurace):

    ...
    "cwd": "${workspaceFolder}/{SERVER APP FOLDER}",
    ...
    

    V předchozí konfiguraci aktuálního pracovního adresáře ( ) je zástupný symbol složka cwd {SERVER APP FOLDER} Server projektu, obvykle Server " ".

    Pokud Microsoft Edge a Google Chrome není v systému nainstalovaný, přidejte do konfigurace "browser": "edge" další vlastnost .

    Příklad složky projektu a , která je Microsoft Edge prohlížeč pro spuštění ladění místo výchozího prohlížeče Server Google Chrome:

    ...
    "cwd": "${workspaceFolder}/Server",
    "browser": "edge"
    ...
    

    .vscode/tasks.json( dotnet argumenty příkazu):

    ...
    "${workspaceFolder}/{SERVER APP FOLDER}/{PROJECT NAME}.csproj",
    ...
    

    V předchozím argumentu:

    • Zástupný {SERVER APP FOLDER} symbol je složka Server projektu, obvykle " Server ".
    • Zástupný symbol je název aplikace, obvykle na základě názvu řešení, za kterým následuje " " v aplikaci vygenerované {PROJECT NAME} .Server ze šablony Blazor projektu.

    Následující příklad z kurzu pro použití s SignalR Blazor WebAssembly aplikací používá název složky projektu a Server název projektu BlazorWebAssemblySignalRApp.Server :

    ...
    "args": [
      "build",
        "${workspaceFolder}/Server/BlazorWebAssemblySignalRApp.Server.csproj",
        ...
    ],
    ...
    
  7. Stisknutím kláves Ctrl + F5 spusťte aplikaci.

Důvěřovat vývojovému certifikátu

Neexistuje žádný centralizovaný způsob, jak důvěřovat certifikátu v Linuxu. Obvykle se používá jeden z následujících přístupů:

  • Vylučte adresu URL aplikace v seznamu vyloučení prohlížeče.
  • Důvěřovat všem certifikátům podepsaných svým držitelem pro localhost
  • Přidejte certifikát do seznamu důvěryhodných certifikátů v prohlížeči.

Další informace najdete v pokynech od výrobce prohlížeče a distribuce Linuxu.

  1. Nainstalujte Visual Studio pro Mac.

  2. Vyberte File > New Solution (Soubor nového řešení) nebo v úvodním okně vytvořte nový projekt.

  3. Na bočním panelu vyberte Web a Konzolová > aplikace.

    Pokud chcete Blazor WebAssembly mít zkušenosti, zvolte Blazor WebAssembly šablonu Aplikace. Pokud chcete Blazor Server mít zkušenosti, zvolte Blazor Server šablonu Aplikace. Vyberte Další.

    Informace o těchto dvou modelech Blazor hostování Blazor WebAssembly (samostatných a hostovaných) a Blazor Server najdete v tématu BlazorASP.NET Core modely hostování .

  4. Ověřte, že ověřování je nastavené na Bez ověřování. Vyberte Další.

  5. V případě Blazor WebAssembly hostovaného prostředí zaškrtněte políčko ASP.NET Core hostované prostředí.

  6. V poli Project Název zadejte název aplikace WebApplication1 . Vyberte Vytvořit.

  7. Pokud chcete aplikaci spustit > bez ladicího programu, vyberte Spustit spustit bez ladění. Spusťte aplikaci pomocí možnosti Spustit spustit ladění nebo pomocí tlačítka Spustit (▶) spusťte aplikaci s > ladicím programem.

Pokud se zobrazí výzva, která důvěřuje vývojovému certifikátu, důvěřujte certifikátu a pokračujte. K důvěřování certifikátu se vyžaduje heslo uživatele a klíčen. Další informace o tom, jak důvěřovat ASP.NET Core certifikátu HTTPS, najdete v tématu Vynutilit HTTPS v ASP.NET Core .

Při spouštění Blazor WebAssembly hostované aplikace spusťte aplikaci z projektu Server řešení.

Použití Visual Studio Code pro vývoj pro více Blazor platforem

Visual Studio Code je open source integrované vývojové prostředí (IDE) pro více platforem, které je možné použít k vývoji Blazor aplikací. Pomocí .NET CLI vytvořte novou aplikaci pro Blazor vývoj pomocí Visual Studio Code. Další informace najdete v linuxové verzi tohoto článku.

Blazor možnosti šablony

Rozhraní Blazor poskytuje šablony pro vytváření nových aplikací pro každý ze dvou modelů Blazor hostování. Šablony se používají k vytváření nových projektů a řešení bez ohledu na nástroje, které vyberete pro vývoj Blazor Blazor (Visual Studio, Visual Studio pro Mac, Visual Studio Code nebo .NET CLI):

  • Blazor WebAssembly šablona projektu: blazorwasm
  • Blazor Server šablona projektu: blazorserver

Další informace o Blazor modelech hostování najdete v tématu BlazorASP.NET Core modely hostování . Další informace o Blazor šablonách projektů najdete v tématu ASP.NET Core Blazor struktura projektu .

Možnosti šablony jsou k dispozici předáním možnosti nápovědy ( nebo ) do příkazu -h ROZHRANÍ příkazového řádku v příkazovém --help dotnet new prostředí:

dotnet new blazorwasm -h
dotnet new blazorserver -h

Další materiály