如何在含Startup.cs的.NET 5 Razor项目中添加Blazor服务配置代码？

核心配置步骤 #

你的项目基于.NET 5，使用传统Startup.cs而非.NET 6+的顶级语句结构，按以下步骤调整即可：

1. 安装BlazorBootstrap包
   通过NuGet命令行或包管理器安装依赖：

   dotnet add package BlazorBootstrap
   

2. 注册BlazorBootstrap服务
   打开Startup.cs，找到ConfigureServices方法，直接在现有服务注册代码后添加：

   public void ConfigureServices(IServiceCollection services)
   {
       // 保留你原有的服务注册（比如AddRazorPages、AddControllers等）
       services.AddRazorPages();
       
       // 添加BlazorBootstrap服务，无需嵌套，直接放在此处
       services.AddBlazorBootstrap();
   }
   

3. 配置Blazor中间件与端点
   在Startup.cs的Configure方法中，补充Blazor Hub的端点映射，同时保留原有Razor页面/MVC的路由配置：

   public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
   {
       // 保留你原有的中间件配置（比如异常处理、静态文件支持等）
       if (env.IsDevelopment())
       {
           app.UseDeveloperExceptionPage();
       }
       else
       {
           app.UseExceptionHandler("/Error");
           app.UseHsts();
       }
   
       app.UseHttpsRedirection();
       app.UseStaticFiles();
       app.UseRouting();
       app.UseAuthorization();
   
       app.UseEndpoints(endpoints =>
       {
           // 保留原有Razor页面/MVC端点
           endpoints.MapRazorPages();
           // 添加Blazor交互所需的Hub端点
           endpoints.MapBlazorHub();
       });
   }
   

4. 在布局页添加Blazor脚本
   打开项目主布局文件_Layout.cshtml，在</body>标签前添加Blazor Server的脚本引用：

   <script src="_framework/blazor.server.js"></script>
   

在Razor页面中使用Blazor组件 #

完成配置后，可在任意.cshtml页面中直接引用Blazor组件，示例如下：

@page "/demo"
@using BlazorBootstrap.Components
@using YourProject.BlazorComponents // 替换为你的自定义Blazor组件命名空间

<h1>Blazor组件集成示例</h1>

<!-- 使用BlazorBootstrap内置组件 -->
<Button Color="Color.Success" OnClick="() => Console.WriteLine('按钮点击')">BlazorBootstrap按钮</Button>

<!-- 使用自定义Blazor组件 -->
<component type="typeof(YourCustomComponent)" render-mode="ServerPrerendered" />

注意事项 #

• 确保通过@using指令引入所有Blazor组件的命名空间
• 若首次集成Blazor，需确认项目已添加Microsoft.AspNetCore.Components.Server包（未自动引入时手动安装）

内容的提问来源于stack exchange，提问作者cavlier145