Blazor agora em pré-visualização oficial

Com este novo lançamento do Blazor, temos o prazer de anunciar que o Blazor está agora em pré-visualização oficial! O Blazor não é mais experimental e estamos comprometidos em enviá-lo como uma estrutura de UI da Web suportada, incluindo suporte para executar o lado do cliente no navegador no WebAssembly.

Há pouco mais de um ano, iniciamos o projeto experimental Blazor com o objetivo de criar uma estrutura de interface do usuário da Web cliente baseada em .NET e WebAssembly. Na época, o Blazor era pouco mais que um protótipo e havia muitas perguntas em aberto sobre a viabilidade da execução do .NET no navegador. Desde então, lançamos nove versões experimentais do Blazor, abordando uma variedade de preocupações, incluindo modelo de componente, ligação de dados, manipulação de eventos, roteamento, layouts, tamanho do aplicativo, modelos de hospedagem, depuração e ferramentas. Agora estamos no ponto em que achamos que a Blazor está pronta para dar o próximo passo.

Simplificando a Nomenclatura e o Controle de Versão

Por um tempo, usamos a terminologia Razor Components em alguns casos, e Blazor em outros casos. Isso provou ser confuso; portanto, após muitos comentários da comunidade, decidimos deixar o nome ASP.NET Core Razor Components e retornar ao nome Blazor do lado do servidor .

Isso enfatiza que o Blazor é um modelo de aplicativo de cliente único com vários modelos de hospedagem:

• O Blazor do lado do servidor é executado no servidor via SignalR
• Blazor do lado do cliente executa o lado do cliente no WebAssembly

... mas de qualquer forma, é o mesmo modelo de programação. Os mesmos componentes Blazor podem ser hospedados nos dois ambientes.

Além disso, como o Blazor agora faz parte do .NET Core, as versões do pacote Blazor do lado do cliente agora se alinham às versões do .NET Core 3.0. Por exemplo, o número da versão de todos os pacotes de visualização que enviamos hoje é 3.0.0-preview4-19216-03 . Não usamos mais números de versão 0.x separados para pacotes Blazor do lado do cliente.

O que será enviado quando

• O Blazor do lado do servidor será enviado como parte do .NET Core 3.0. Isso já foi anunciado em outubro passado.
• O Blazor do lado do cliente não será enviado como parte da versão inicial do .NET Core 3.0, mas agora anunciamos que está comprometido em ser enviado como parte de uma versão futura do .NET Core (e, portanto, não é mais um "experimento").

Com cada versão de pré-visualização do .NET Core 3.0, continuaremos a enviar versões de pré-visualização do Blazor do servidor e do cliente.

Versão prévia de hoje

Novos recursos nesta versão de pré-visualização:

• Modelos atualizados para usar a extensão de arquivo .razor
• _Imports.razor
• Escopo dos componentes com @using
• Novo modelo de item de componente
• Novos ícones do blazor
• Suporte ao Blazor no Visual Studio Code

Confira o anúncio do ASP.NET Core 3.0 Preview 4 para obter detalhes sobre essas melhorias. Veja também as notas de versão do Blazor para obter detalhes adicionais sobre esta versão de pré-visualização.

Obtenha a prévia do Blazor

Para começar a pré-visualização do Blazor, instale o seguinte:

1. SDK do .NET Core 3.0 Preview 4 (3.0.100-preview4-011223)

2. Os modelos do Blazor na linha de comando:

   
   

    dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview4-19216-03 

3. Visual Studio 2019 Preview com a carga de trabalho de desenvolvimento da Web e ASP.NET selecionada, bem como a extensão mais recente do Blazor do Visual Studio Marketplace, ou o Visual Studio Code com a extensão C # mais recente (agora com suporte ao Blazor! ).

Você pode encontrar instruções de introdução, documentos e tutoriais para o Blazor em nossa nova home page do Blazor em blazor.net .

Atualize para a pré-visualização do Blazor:

Para atualizar seus aplicativos Blazor existentes para a nova visualização do Blazor, verifique primeiro se você instalou os pré-requisitos listados acima e siga estas etapas:

• Atualize todas as referências Microsoft.AspNetCore.Blazor. * Para 3.0.0-preview4-19216-03.
• Remova qualquer referência de pacote para Microsoft.AspNetCore.Components.Server.
• Remova qualquer DotNetCliToolReference para Microsoft.AspNetCore.Blazor.Cli e substitua por uma referência de pacote para Microsoft.AspNetCore.Blazor.DevServer.
• Nos projetos Blazor do cliente, remova as propriedades <RunCommand>dotnet</RunCommand> e <RunArguments>blazor serve</RunArguments> .
• Nos projetos Blazor do cliente, adicione a propriedade <RazorLangVersion>3.0</RazorLangVersion> .
• Renomeie todos os arquivos _ViewImports.cshtml para _Imports.razor .
• Renomeie todos os arquivos .cshtml restantes para .razor.
• Renomeie components.webassembly.js para blazor.webassembly.js
• Remova qualquer uso do espaço para nome Microsoft.AspNetCore.Components.Services e substitua por Microsoft.AspNetCore.Components conforme necessário.
• Atualize os projetos do servidor para usar o roteamento de terminal:

 // Replace this: app.UseMvc(routes => { routes.MapRoute(name: "default", template: "{controller}/{action}/{id?}"); }); // With this: app.UseRouting(); app.UseEndpoints(routes => { routes.MapDefaultControllerRoute(); }); 

• Execute o dotnet clean na solução para limpar as antigas declarações do Razor.

Página da comunidade Blazor agora é Awesome Blazor

Como parte da atualização do site Blazor , decidimos desativar a página da comunidade Blazor e, em vez disso, direcionar as pessoas para o site Awesome Blazor, impulsionado pela comunidade. Obrigado Adrien Torris, por manter esta lista realmente "impressionante" de recursos do Blazor!

Experimente as ofertas de visualização prévia da Blazor UI da Telerik, DevExpress e Syncfusion

O Blazor se beneficia de uma comunidade ativa e de suporte que contribuiu com todos os tipos de aplicativos, componentes e bibliotecas de amostra para o ecossistema do Blazor. Recentemente, fornecedores de componentes populares como Telerik , DevExpress e Syncfusion se juntaram às divertidas e prévias visualizações dos componentes da interface do usuário do Blazor. Recomendamos que você experimente essas ofertas da interface do usuário do Blazor e informe o que você pensa.

Dar feedback

Esperamos que você goste desta versão mais recente do Blazor. Como nas versões anteriores, seu feedback é importante para nós. Se você tiver problemas ou tiver dúvidas ao experimentar o Blazor, arquive problemas no GitHub . Você também pode conversar conosco e com a comunidade Blazor no Gitter, se ficar emperrado ou para compartilhar como o Blazor está trabalhando para você. Depois de experimentar o Blazor por um tempo, informe-nos o que você pensa ao fazer nossa pesquisa de produto. Clique no link da pesquisa mostrado na página inicial do aplicativo ao executar um dos modelos de projeto Blazor:

Obrigado por experimentar o Blazor!

Daniel Roth

Gerente de programa principal, ASP.NET