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 :
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:
Temos a pasta Shared contendo as páginas:
Além disso temos os arquivos na raiz do projeto:
|
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
Super DVD Vídeo Aulas - Vídeo Aula sobre VB .NET, ASP .NET e C#
ASP .NET Core - Criando uma aplicação com Angular 2 - Macoratti.net
ASP .NET Core - Criando uma aplicação Web no ... - Macoratti.net
ASP .NET Core - Iniciando com o Blazor - Macoratti
ASP .NET Core - CRUD usando Blazor e Entity ... - Macoratti
Blazor - O novo framework SPA da Microsoft - Macoratti.net
Visual Studio Code - Suporte ao desenvolvimento Blazor