Nástroje pro ASP.NET Core Blazor
Nainstalujte nejnovější verzi Visual Studio 2022 s úlohou ASP.NET a vývoje pro web.
Vytvoření nového projektu
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ší.
Zadejte název Project a potvrďte, že je umístění správné. Vyberte Další.
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í .
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í
Serverprojektem.
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í.
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 --versionNainstalujte nejnovější verzi Visual Studio Code.
Nainstalujte nejnovější verzi jazyka C# Visual Studio Code rozšíření.
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 WebApplication1V případě Blazor WebAssembly hostovaného prostředí přidejte do příkazu
-homožnost hostovaného prostředí (--hostednebo ):dotnet new blazorwasm -o WebApplication1 -hoPokud chcete Blazor Server mít zkušenosti, spusťte v příkazovém prostředí následující příkaz:
dotnet new blazorserver -o WebApplication1Informace 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í .
Otevřete složku
WebApplication1v Visual Studio Code.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.jsoninspectUriprofily v oddíluprofilessouboru:"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
.vscodelaunch.jsontasks.jsonprojektu:ClientServer,Shareda . Aktualizujte nebo potvrďte, že konfigurace vlaunch.jsonsouborechtasks.jsona spouští Blazor WebAssembly hostovanou aplikaci zServerprojektu.Prozkoumejte
Properties/launchSettings.jsonsoubor a zjistěte adresu URL aplikace zapplicationUrlvlastnosti (napříkladhttps://localhost:7268). Poznamenejte si tuto hodnotu pro použití vlaunch.jsonsouboru .Ve spouštěcí konfiguraci
.vscode/launch.jsonsouboru:- Nastavte aktuální pracovní adresář (
cwd) naServersložku projektu. - Zadejte adresu URL aplikace pomocí
urlvlastnosti . Použijte hodnotu zaznamenanou dříve zeProperties/launchSettings.jsonsouboru .
"cwd": "${workspaceFolder}/{SERVER APP FOLDER}", "url": "{URL}"V předchozí konfiguraci:
- Zástupný
{SERVER APP FOLDER}symbol je složkaServerprojektu, obvykleServer. - Zástupný symbol je adresa URL aplikace, která je určená v souboru
{URL}Properties/launchSettings.jsonaplikace ve vlastnostiapplicationUrl.
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.jsonsouboru:- Nastaví aktuální pracovní adresář na
Serverslož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.jsonsoubor:{ "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.jsonsouboru přidejte argument, který určuje cestu kbuildsouboru projektuServeraplikace:"${workspaceFolder}/{SERVER APP FOLDER}/{PROJECT NAME}.csproj",V předchozím argumentu:
- Zástupný
{SERVER APP FOLDER}symbol je složkaServerprojektu, obvykleServer. - 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}.Serverze šablony Blazor WebAssembly projektu.
Příklad
.vscode/tasks.jsonsouboru sServerprojektem veBlazorHostedServerslož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" } ] }- Nastavte aktuální pracovní adresář (
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.
Nainstalujte Visual Studio pro Mac.
Vyberte File > New Solution (Soubor nového řešení) nebo v úvodním okně vytvořte nový projekt.
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í .
Ověřte, že ověřování je nastavené na Bez ověřování. Vyberte Další.
V případě Blazor WebAssembly hostovaného prostředí zaškrtněte políčko ASP.NET Core hostované prostředí.
V poli Project Název zadejte název aplikace
WebApplication1. Vyberte Vytvořit.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 (
-hnebo ) do příkazu CLI v příkazovém--helpdotnet newprostředí:dotnet new blazorserver -hdotnet new blazorwasm -h
Další zdroje informací
Nainstalujte nejnovější verzi Visual Studio 2022 s úlohou ASP.NET a vývoje pro web.
Vytvoření nového projektu
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ší.
zadejte Project název a ověřte, zda je umístění správné. Vyberte Další.
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í .
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í
Serverprojekt.
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í.
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 --versionnainstalujte nejnovější verzi Visual Studio Code.
nainstalujte nejnovější rozšíření C# for Visual Studio Code.
Pro Blazor WebAssembly prostředí spusťte následující příkaz v příkazovém prostředí:
dotnet new blazorwasm -o WebApplication1V případě hostovaného Blazor WebAssembly prostředí přidejte do příkazu možnost Hosted (
-honebo--hosted):dotnet new blazorwasm -o WebApplication1 -hoPro Blazor Server prostředí spusťte následující příkaz v příkazovém prostředí:
dotnet new blazorserver -o WebApplication1Informace 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í .
Otevřete
WebApplication1složku v Visual Studio Code.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)
.vscodesložku selaunch.jsonsoubory atasks.jsondo nadřazené složky řešení, což je složka, která obsahuje typické složky projektu:Client,Server, aShared. Aktualizujte nebo potvrďte, že konfiguracelaunch.jsonvtasks.jsonsouborech a spustí hostovanou Blazor WebAssembly aplikaci zServerprojektu..vscode/launch.json(launchKonfigurace):... "cwd": "${workspaceFolder}/{SERVER APP FOLDER}", ...V předchozí konfiguraci pro aktuální pracovní adresář (
cwd){SERVER APP FOLDER}je zástupný textServerslož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
Servera, 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(argumentydotnetpříkazu ):... "${workspaceFolder}/{SERVER APP FOLDER}/{PROJECT NAME}.csproj", ...V předchozím argumentu:
{SERVER APP FOLDER}Zástupný symbol jeServerSlož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
Servera název projektuBlazorWebAssemblySignalRApp.Server:... "args": [ "build", "${workspaceFolder}/Server/BlazorWebAssemblySignalRApp.Server.csproj", ... ], ...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.
nainstalujte Visual Studio pro Mac.
Vyberte soubor > nové řešení nebo vytvořte Nový projekt z okna Start.
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í .
Potvrďte, že ověřování je nastaveno na bez ověřování. Vyberte Další.
v případě hostovaného Blazor WebAssembly prostředí zaškrtněte políčko ASP.NET Core hostované .
do pole název Project název aplikace
WebApplication1. Vyberte Vytvořit.-
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í
nainstalujte nejnovější verzi Visual Studio 2022 s úlohou vývoje ASP.NET a webu .
Vytvoření nového projektu
Pro Blazor WebAssembly prostředí vyberte šablonu Blazor WebAssembly aplikace . Pro Blazor Server prostředí vyberte šablonu Blazor Server aplikace . Vyberte Další.
zadejte Project název a ověřte, zda je umístění správné. Vyberte Další.
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í .
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í
Serverprojekt.
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í.
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 --versionnainstalujte nejnovější verzi Visual Studio Code.
nainstalujte nejnovější rozšíření C# for Visual Studio Code.
Pro Blazor WebAssembly prostředí spusťte následující příkaz v příkazovém prostředí:
dotnet new blazorwasm -o WebApplication1V případě hostovaného Blazor WebAssembly prostředí přidejte do příkazu možnost Hosted (
-honebo--hosted):dotnet new blazorwasm -o WebApplication1 -hoPro Blazor Server prostředí spusťte následující příkaz v příkazovém prostředí:
dotnet new blazorserver -o WebApplication1Informace 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í .
Otevřete
WebApplication1složku v Visual Studio Code.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
.vscodelaunch.jsontasks.jsonprojektu:ClientServer,Shareda . Aktualizujte nebo potvrďte, že konfigurace vlaunch.jsonsouborechtasks.jsona spouští Blazor WebAssembly hostovanou aplikaci zServerprojektu..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}Serverprojektu, obvykleServer" ".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
ServerGoogle Chrome:... "cwd": "${workspaceFolder}/Server", "browser": "edge" ....vscode/tasks.json(dotnetargumenty příkazu):... "${workspaceFolder}/{SERVER APP FOLDER}/{PROJECT NAME}.csproj", ...V předchozím argumentu:
- Zástupný
{SERVER APP FOLDER}symbol je složkaServerprojektu, 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}.Serverze š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
Servernázev projektuBlazorWebAssemblySignalRApp.Server:... "args": [ "build", "${workspaceFolder}/Server/BlazorWebAssemblySignalRApp.Server.csproj", ... ], ...- Zástupný
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.
Nainstalujte Visual Studio pro Mac.
Vyberte File > New Solution (Soubor nového řešení) nebo v úvodním okně vytvořte nový projekt.
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í .
Ověřte, že ověřování je nastavené na Bez ověřování. Vyberte Další.
V případě Blazor WebAssembly hostovaného prostředí zaškrtněte políčko ASP.NET Core hostované prostředí.
V poli Project Název zadejte název aplikace
WebApplication1. Vyberte Vytvořit.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