Criando um projeto ASP .NET Core Blazor (client side)

 Neste artigo vamos iniciar com o ASP .NET Core Blazor usando o .NET Core 3.0.

Eu já apresentei o Blazor em artigos anteriores (veja as referências) mas com o .NET Core 3.0 ele ficou mais maduro e também evoluiu em diversos aspectos.

Nota: Responda a enquete :  Que tal aprender Blazor ?

A seguir veremos como criar um projeto Blazor do lado do cliente(WebAssembly) usando o Visual Studio Community 2019 (16.3.3) e a .NET Core 3.0.

Criando o projeto Blazor Web Assembly no VS Community 2019

Abra o VS 2019 Community (versão mínima 16.3.3) e selecione a opção Create a New Project;

A seguir selecione a opção Blazor app e clique em next;

Informe o nome do projeto :  BlazorApp1 ou a seu gosto, a localização e clique em Create;

A seguir teremos uma janela com duas opções :

  1. Blazor Server App
  2. Blazor WebAssembly App

Vamos iniciar criando uma aplicação Blazor usando a segunda opção:

Vamos criar uma aplicação do lado do cliente, e, por isso não vamos marcar a opção ASP .NET Core hosted.

Clicando em Create teremos o projeto criado conforme a estrutura abaixo:

Observe que a estrutura do projeto é diferente da estrutura do projeto MVC.

No projeto Blazor WebAssembly você não tem as pastas Models, Views, Controllers, Services, Data.

Temos apenas as pastas wwwroot onde ficam os arquivos estáticos nas subpastas: css, images, js e lib

Temos a pasta Pages contendo as páginas da aplicação:

  • Counter.razor
  • FetchData.razor
  • Index.razor

Temos a pasta Shared contendo as páginas:

  • MainLayout.razor
  • MavMenu.razor
  • SurveyPrompt.razor

Além disso temos os arquivos na raiz do projeto:

  • _Imports.razor
  • App.razor
  • Program.cs
  • Startup.cs

Executando o projeto iremos obter no navegador o seguinte resultado:

Lembra o template do Angular, não é mesmo !!!

Não seria o Blazor o Angular usando C# ?

Lembre-se que temos outras opções para hospedar uma aplicação Blazor.

"Bem-aventurado o homem que não anda segundo o conselho dos ímpios, nem se detém no caminho dos pecadores, nem se assenta na roda dos escarnecedores.
Antes tem o seu prazer na lei do Senhor, e na sua lei medita de dia e de noite."

Salmos 1:1,2
 


Referências:


José Carlos Macoratti