Blazor WebAssembly 3.2.0 पूर्वावलोकन 1 अब उपलब्ध है

• संस्करण 3.2 पर अद्यतन किया गया।
• सरलीकृत प्रक्षेपण
• आकार सुधार डाउनलोड करें
• .NET सिग्नलआर क्लाइंट सपोर्ट

शुरू

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

मौजूदा प्रोजेक्ट को अपडेट करें

• सभी लिंक Microsoft.AspNetCore.Blazor * पैकेज से 3.2.0-पूर्वावलोकन 1.20073.1 पर अपडेट करें।
•  Blazor WebAssembly क्लाइंट प्रोजेक्ट में  Program.cs में, के BlazorWebAssemblyHost.CreateDefaultBuilder() साथ  बदलें  WebAssemblyHostBuilder.CreateDefault()।
• से Blazor WebAssembly ग्राहक परियोजना में जड़ घटक पंजीकरण ले जाएँ  Startup.Configure करने के लिए  द्वारा Program.cs  बुला  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

सरलीकृत प्रक्षेपण

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();
    }
}

आकार सुधार डाउनलोड करें

.NET सिग्नलआर क्लाइंट सपोर्ट

1. ASP.NET Core पर होस्ट किया गया एक ब्लेज़र WebAssembly एप्लिकेशन बनाएं।
   
   

   dotnet new blazorwasm -ho -o BlazorSignalRApp

2. क्लाइंट प्रोजेक्ट में ASP.NET कोर सिग्नलआर क्लाइंट पैकेज जोड़ें ।
   
   

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

3. सर्वर प्रोजेक्ट में, निम्न हब / 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. सर्वर प्रोजेक्ट में, सिग्नलआर सेवाओं को विधि में जोड़ें Startup.ConfigureServices।
   
   

   services.AddSignalR();
   

5. इसके अलावा के लिए अंत बिंदु जोड़ने ChatHubपर Startup.Configure।
   
   

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

6. निम्न मार्कअप के साथ क्लाइंट प्रोजेक्ट में पृष्ठ / Index.razor अपडेट करें ।
   
   

   @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. सर्वर प्रोजेक्ट बनाएं और चलाएं
   
   

   cd Server
   dotnet run
   

8. सिग्नलआर के माध्यम से वास्तविक समय में संचार करने के लिए दो अलग-अलग ब्राउज़र टैब में एप्लिकेशन खोलें।
   

ज्ञात पहलु

• कमांड लाइन से ASP.NET Core पर होस्ट किया गया एक नया ब्लेज़र WebAssembly एप्लिकेशन शुरू करना एक चेतावनी उत्पन्न करता है:
  
  

  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.
  

  • समाधान: <DisableImplicitComponentsAnalyzers>true</DisableImplicitComponentsAnalyzers> MSBuild संपत्ति का उपयोग करके इस चेतावनी को अनदेखा या हटाया जा सकता है  ।

समीक्षा