Crie e execute projetos Blazor WebAssembly
ambiente
- Estúdio Visual
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
Obtendo e instalando o Visual Studio
Use o Visual Studio para desenvolver projetos blazor. Saiba como obter e configurar o Visual Studio abaixo.
Outras etapas podem ser tediosas, mas o código visual do estúdio também permite que você se desenvolva. (Eu não vou explicar aqui.)
Crie um projeto Blazor WebAssembly
Selecione Visual Studio 2019 no menu Iniciar. A versão é 2019 aqui, mas versões posteriores também podem criar projetos.
Selecione Criar um novo projeto.
Se você inserir "Blazor" no campo de entrada de pesquisa acima, uma lista será exibida, então selecione "Blazor WebAssembly App" e clique no botão "Next".
O nome do projeto pode ser qualquer coisa, mas aqui estamos "BlazorWebAssemblySample". Você pode criar projetos onde quer que esteja. O nome da solução é inserido automaticamente, para que você possa deixá-lo como está.
A estrutura-alvo é ". Net Core 3.1 ou posterior. Aqui está o mais recente ". Net 5.0" é selecionado. O resto é deixado para as configurações padrão. Quando terminar, clique no botão "Criar".
A janela principal do estúdio visual (IDE) é exibida e a criação do projeto está completa. O layout da janela pode variar dependendo de suas preferências, mas não afeta o desenvolvimento.
A pasta especificada contém arquivos relacionados ao projeto. O projeto não afeta a hierarquia acima desta pasta (fora), então se você não precisar mais dela, você pode excluir cada pasta e não pode fazer nada.
Executar (execução de depuração)
Uma pequena amostra é concluída no estado de criação do projeto, por isso é possível executá-la como está. Clique no IIS Express na barra de ferramentas para executá-lo. Um simples servidor web "IIS Express" é criado em seu próprio ambiente e você pode executar o aplicativo Blazor. Este IIS Express sai automaticamente quando você sai depuração.
A propósito, as corridas de depuração blazor WebAssembly usam o servidor web apenas para baixar aplicativos.
Após o início da compilação e um certo tempo decorrido, a compilação é concluída e o navegador da Web é iniciado. Você verá uma tela da Web, todas feitas pelo cliente (exceto para acessar recursos do servidor). Enquanto o processamento do lado do cliente para aplicativos web geralmente é escrito em Javascript, Blazor pode usar o mecanismo do WebAssembly para criá-los em C#.
Veja como aumentar a contagem cada vez que você clica: Essas operações não atualizadas de tela são geralmente escritas em Javascript, mas também são implementadas em C#.
Esta é a tela que baixa o arquivo JSON do servidor e exibe a lista.
Pare de depurar a execução
Se o navegador da Web for lançado por si só, o fechamento do navegador da Web terminará de depurar a execução, mas se você abri-lo em uma nova guia em um navegador da Web que já foi lançado, o fechamento da guia não terminará a execução de depuração.
Se esse for o caso, clique no botão "Parar de depurar" na barra de ferramentas do Visual Studio.
Fim do desenvolvimento
Basicamente, você deve sair do Estúdio Visual como qualquer outro projeto. Se algum arquivo não tiver sido salvo, uma confirmação de salvamento será exibida.
Quando você se desenvolve novamente, você pode abrir o arquivo "xxxxxxxx.sin" ou abrir o histórico quando você iniciar o Visual Studio, para que você possa abri-lo a partir daí.