Revision history [back]

Here are the steps to incorporate Blazor Web Assembly into your .Net Core 6 project through injection:

1. Open your .Net Core 6 project in Visual Studio or any other editor.
2. Add the Blazor Web Assembly project through the Visual Studio New Project wizard or use the dotnet CLI command dotnet new blazorwasm.
3. Add the Blazor Web Assembly project as a reference to your .Net Core 6 project.
4. Ensure that your .Net Core 6 project already has the required libraries and dependencies for running Blazor Web Assembly. You can add them through the NuGet package manager or the dotnet CLI.

5. In the Startup.cs class of your .Net Core 6 project, add the following code to the ConfigureServices method:

   services.AddHttpClient();
   services.AddBlazor();
   

6. In any class or component where you want to use Blazor Web Assembly, inject the IHttpClientFactory and IJSRuntime services as follows:

   using Microsoft.AspNetCore.Components.WebAssembly.Services;
   using System.Net.Http;
   
   public class MyComponent : ComponentBase
   {
      [Inject]
      private IHttpClientFactory HttpClientFactory { get; set; }
   
      [Inject]
      private IJSRuntime JSRuntime { get; set; }
   }
   

You can now use Blazor Web Assembly and all its features in your .Net Core 6 project through injection.