要使用Blazor客户端和Okta小部件，你需要按照以下步骤进行操作：

1. 创建一个Blazor客户端项目。你可以使用dotnet CLI或Visual Studio创建项目。在创建项目时，确保选择Blazor WebAssembly模板。

2. 在Blazor客户端项目的根目录中，打开命令行界面，并运行以下命令来安装Okta的Blazor小部件包：

dotnet add package Okta.AspNetCore.Blazor

3. 打开Program.cs文件，并添加以下代码：

using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using Microsoft.Extensions.DependencyInjection;
using Okta.AspNetCore.Blazor;

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

            // 配置Okta
            builder.Services.AddOidcAuthentication(options =>
            {
                options.ProviderOptions.Authority = "https://{your-okta-domain}.okta.com";
                options.ProviderOptions.ClientId = "{your-okta-client-id}";
            });

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

确保将{your-okta-domain}替换为你的Okta域名，将{your-okta-client-id}替换为你的Okta Client ID。

4. 打开App.razor文件，并添加以下代码：

@using Microsoft.AspNetCore.Components.Authorization
@using Okta.AspNetCore.Blazor


    
        
    
    
        
            
Sorry, there's nothing here.
        
    




@code {
    [CascadingParameter] private Task authenticationStateTask { get; set; }

    protected override async Task OnInitializedAsync()
    {
        var authenticationState = await authenticationStateTask;
        var user = authenticationState.User;
        if (user.Identity.IsAuthenticated)
        {
            // 验证用户已认证
            // 可以在这里执行其他逻辑，例如重定向到受保护的页面
        }
    }
}

这将设置Blazor应用程序的路由，并包括用于Okta回调的组件。

5. 创建一个受保护的页面。在Pages文件夹中创建一个新的Blazor页面，例如Protected.razor。在该页面中添加以下代码：

@page "/protected"
@attribute [Authorize]

Protected Page
This page is protected. Only authenticated users can access it.

这将创建一个受保护的页面，只有经过身份验证的用户才能访问。

6. 运行应用程序并尝试访问受保护的页面。当你访问/protected时，你将被重定向到Okta以进行身份验证。一旦通过身份验证，你将被重定向回受保护的页面。

这就是使用Blazor客户端和Okta小部件的基本解决方案。你可以根据需要进一步自定义和扩展。