下面是使用Blazor WASM + IdentityServer4 + 自定义用户存储的解决方案，包含了代码示例。

1. 创建Blazor WASM项目： 打开Visual Studio，选择创建新项目，选择Blazor应用程序模板，选择“在浏览器中运行的Web程序集（WASM）”，然后点击“下一步”。 输入项目名称和位置，点击“创建”。

2. 添加IdentityServer4支持： 在Blazor WASM项目中，右键点击项目，选择“管理NuGet程序包”。 在NuGet包管理器中搜索并安装以下NuGet包：IdentityServer4、IdentityServer4.Extensions、IdentityServer4.AspNetIdentity、Microsoft.AspNetCore.Identity.EntityFrameworkCore。

3. 创建自定义用户存储： 创建一个名为CustomUserStore的类，继承自IUserStore接口。这个类将处理用户数据的存储和检索。

   using Microsoft.AspNetCore.Identity;
   using System;
   using System.Collections.Generic;
   using System.Linq;
   using System.Threading;
   using System.Threading.Tasks;
   
   namespace YourNamespace
   {
       public class CustomUserStore : IUserStore
       {
           // 实现接口中的方法
       }
   }
   

4. 实现IUserStore接口的方法： 在CustomUserStore类中实现IUserStore接口的方法，包括CreateAsync、DeleteAsync、FindByIdAsync、FindByNameAsync等方法。这些方法将处理用户数据的存储和检索。

   using Microsoft.AspNetCore.Identity;
   using System;
   using System.Collections.Generic;
   using System.Linq;
   using System.Threading;
   using System.Threading.Tasks;
   
   namespace YourNamespace
   {
       public class CustomUserStore : IUserStore
       {
           // 实现接口中的方法
           public Task CreateAsync(IdentityUser user, CancellationToken cancellationToken)
           {
               // 创建用户的逻辑
           }
   
           public Task DeleteAsync(IdentityUser user, CancellationToken cancellationToken)
           {
               // 删除用户的逻辑
           }
   
           public Task FindByIdAsync(string userId, CancellationToken cancellationToken)
           {
               // 根据ID查找用户的逻辑
           }
   
           public Task FindByNameAsync(string normalizedUserName, CancellationToken cancellationToken)
           {
               // 根据用户名查找用户的逻辑
           }
   
           // 其他方法的实现
       }
   }
   

5. 注册自定义用户存储： 打开Startup.cs文件，在ConfigureServices方法中注册自定义用户存储。

   using Microsoft.AspNetCore.Identity;
   using Microsoft.Extensions.DependencyInjection;
   using YourNamespace;
   
   namespace BlazorApp.Server
   {
       public class Startup
       {
           public void ConfigureServices(IServiceCollection services)
           {
               // 注册自定义用户存储
               services.AddScoped, CustomUserStore>();
               
               // 其他配置
           }
   
           // 其他方法
       }
   }
   

6. 配置IdentityServer4： 在Startup.cs文件中的ConfigureServices方法中配置IdentityServer4。

   using Microsoft.AspNetCore.Identity;
   using Microsoft.Extensions.DependencyInjection;
   using YourNamespace;
   
   namespace BlazorApp.Server
   {
       public class Startup
       {
           public void ConfigureServices(IServiceCollection services)
           {
               // 注册自定义用户存储
               services.AddScoped, CustomUserStore>();
               
               // 配置IdentityServer4
               services.AddIdentityServer()
                   .AddAspNetIdentity()
                   .AddDeveloperSigningCredential();
               
               // 其他配置
           }
   
           // 其他方法
       }
   }
   

7. 使用IdentityServer4保护Blazor页面： 在需要保护的Blazor页面中添加AuthorizeView组件，以确保只有经过身份验证的用户才能访问。

   @using Microsoft.AspNetCore.Authorization
   
   
       
           
   Hello, authenticated user!