Blazor WebAssembly 3.2.0 Preview 1 ya está disponible

• Versión actualizada a 3.2.
• Lanzamiento simplificado
• Descargar mejoras de tamaño
• .NET SignalR Client Support

comienzo

dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.2.0-preview1.20073.1

Actualizar proyecto existente

• Actualice todos los enlaces a los paquetes Microsoft.AspNetCore.Blazor * a 3.2.0-preview1.20073.1.
• En  Program.cs  en el proyecto del cliente Blazor WebAssembly, reemplace  BlazorWebAssemblyHost.CreateDefaultBuilder() con  WebAssemblyHostBuilder.CreateDefault().
• Mover los registros de componentes de la raíz en el proyecto de cliente Blazor WebAssembly a partir  Startup.Configure de  Program.cs por  llamar  builder.RootComponents.Add<TComponent>( ).
• Blazor WebAssembly  Startup.ConfigureServices  Program.cs   builder.Services.
•  Startup.cs  Blazor WebAssembly client project.
• Blazor WebAssembly ASP.NET Core,  Server   app.UseClientSideBlazorFiles<Client.Startup>(...)  app.UseClientSideBlazorFiles<Client.Program>(...).

3.2

Lanzamiento simplificado

public class Program
{
    public static async Task Main(string[] args)
    {
        var builder = WebAssemblyHostBuilder.CreateDefault(args);
        builder.RootComponents.Add<App>("app");

        await builder.Build().RunAsync();
    }
}

public class Program
{
    public static async Task Main(string[] args)
    {
        var builder = WebAssemblyHostBuilder.CreateDefault(args);
        builder.Services.AddSingleton<WeatherService>();
        builder.RootComponents.Add<App>("app");

        await builder.Build().RunAsync();
    }
}

public class Program
{
    public static async Task Main(string[] args)
    {
        var builder = WebAssemblyHostBuilder.CreateDefault(args);
        builder.Services.AddSingleton<WeatherService>();
        builder.RootComponents.Add<App>("app");

        var host = builder.Build();

        var weatherService = host.Services.GetRequiredService<WeatherService>();
        await weatherService.InitializeWeatherAsync();

        await host.RunAsync();
    }
}

public class Program
{
    public static async Task Main(string[] args)
    {
        var builder = WebAssemblyHostBuilder.CreateDefault(args);
        builder.Services.AddSingleton<WeatherService>();
        builder.RootComponents.Add<App>("app");

        var host = builder.Build();

        var weatherService = host.Services.GetRequiredService<WeatherService>();
        await weatherService.InitializeWeatherAsync(host.Configuration["WeatherServiceUrl"]);

        await host.RunAsync();
    }
}

Descargar mejoras de tamaño

.NET SignalR Client Support

1. Cree una aplicación Blazor WebAssembly alojada en ASP.NET Core.
   
   

   dotnet new blazorwasm -ho -o BlazorSignalRApp

2. Agregue el paquete del cliente ASP.NET Core SignalR al proyecto del Cliente .
   
   

   cd BlazorSignalRApp
   dotnet add Client package Microsoft.AspNetCore.SignalR.Client

3. En el proyecto Servidor , agregue la siguiente clase Hub / ChatHub.cs .
   
   

   using System.Threading.Tasks;
   using Microsoft.AspNetCore.SignalR;
   
   namespace BlazorSignalRApp.Server.Hubs
   {
       public class ChatHub : Hub
       {
           public async Task SendMessage(string user, string message)
           {
               await Clients.All.SendAsync("ReceiveMessage", user, message);
           }
       }
   }
   

4. En el proyecto Servidor , agregue los servicios SignalR en el método Startup.ConfigureServices.
   
   

   services.AddSignalR();
   

5. Agregue también el punto final para ChatHubat Startup.Configure.
   
   

   .UseEndpoints(endpoints =>
   {
       endpoints.MapDefaultControllerRoute();
       endpoints.MapHub<ChatHub>("/chatHub");
       endpoints.MapFallbackToClientSideBlazor<Client.Program>("index.html");
   });
   

6. Actualice Pages / Index.razor en el proyecto del Cliente con el siguiente marcado.
   
   

   @using Microsoft.AspNetCore.SignalR.Client
   @page "/"
   @inject NavigationManager NavigationManager
   
   <div>
       <label for="userInput">User:</label>
       <input id="userInput" @bind="userInput" />
   </div>
   <div class="form-group">
       <label for="messageInput">Message:</label>
       <input id="messageInput" @bind="messageInput" />
   </div>
   <button @onclick="Send" disabled="@(!IsConnected)">Send Message</button>
   
   <hr />
   
   <ul id="messagesList">
       @foreach (var message in messages)
       {
           <li>@message</li>
       }
   </ul>
   
   @code {
       HubConnection hubConnection;
       List<string> messages = new List<string>();
       string userInput;
       string messageInput;
   
       protected override async Task OnInitializedAsync()
       {
           hubConnection = new HubConnectionBuilder()
               .WithUrl(NavigationManager.ToAbsoluteUri("/chatHub"))
               .Build();
   
           hubConnection.On<string, string>("ReceiveMessage", (user, message) =>
           {
               var encodedMsg = user + " says " + message;
               messages.Add(encodedMsg);
               StateHasChanged();
           });
   
           await hubConnection.StartAsync();
       }
   
       Task Send() => hubConnection.SendAsync("SendMessage", userInput, messageInput);
   
       public bool IsConnected => hubConnection.State == HubConnectionState.Connected;
   }
   

7. Crear y ejecutar un proyecto de servidor
   
   

   cd Server
   dotnet run
   

8. Abra la aplicación en dos pestañas separadas del navegador para comunicarse en tiempo real a través de SignalR.
   

Problemas conocidos

• Al iniciar una nueva aplicación Blazor WebAssembly alojada en ASP.NET Core desde la línea de comandos, se genera una advertencia:
  
  

  CSC : warning CS8034: Unable to load Analyzer assembly C:\Users\user\.nuget\packages\microsoft.aspnetcore.components.analyzers\3.1.0\analyzers\dotnet\cs\Microsoft.AspNetCore.Components.Analyzers.dll : Assembly with same name is already loaded.
  

  • Solución: esta advertencia se puede ignorar o eliminar mediante la propiedad  <DisableImplicitComponentsAnalyzers>true</DisableImplicitComponentsAnalyzers> MSBuild.

Comentarios