Blazor - Criando um projeto no VS 2019

Hoje apresentamos os dois modelos de hospedagem para projeto Blazor.

Se você esta chegando agora e não sabe o que é o Blazor leia o artigo ASP .NET Core - Iniciando com o Blazor - Macoratti; se você já conhece e quer saber mais pode fazer o curso de Blazor Essencial.  

A seguir temos um roteiro básico para criar projetos Blazor no Visual Studio 2019.

Existem dois modelos de hospedagem disponíveis para o Blazor:

  1. Blazor Server :  Nesse modelo de hospedagem, o aplicativo é executado no servidor a partir de um aplicativo ASP.NET Core. Atualizações da interface do usuário, manipulação de eventos e chamadas JavaScript são tratadas em uma conexão SignalR. Esse modal de execução está disponível na versão estável atual do .Net Core (3.1) e o modelo de projeto para criar o aplicativo Blazor Server é lançado com o Visual Studio 2019 16.4.
  1. Blazor WebAssembly : Nesse modelo de hospedagem, o aplicativo é executado no lado do cliente no navegador. O aplicativo Blazor, suas dependências e o runtime do .NET são baixados no navegador. O aplicativo é executado diretamente no segmento da interface do usuário do navegador. As atualizações da interface do usuário e a manipulação de eventos ocorrem dentro do mesmo processo. Este modelo de execução está disponível na versão de visualização do .Net Core. Ainda está em preview com previsão para maio de 2020, conforme o roteiro da Microsoft.

Recursos usados:

Criando o projeto Blazor no VS Community 2019

Abra o VS 2019 Community (versão mínima 16.5) 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 :  <nome_projeto>, a localização e clique em Create;

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

  1. Blazor Server App
  2. Blazor WebAssembly App

1 - A primeira opção cria um projeto do lado do Servidor, onde podemos implementar a autenticação e configurar o HTTPS :

2 -  A segunda opção cria um projeto WebAssembly do lado do cliente, onde podemos escolher o modelo de hospedagem com ASP .NET Core:

Cada modelo de hospedagem possui vantagens e desvantagens que você deve saber avaliar para escolher qual melhor se adequa ao seu projeto.


Assim basta selecionar o template e clicar no botão Create.
 

Referências:

José Carlos Macoratti