讲师中心 微信公众号
AI工具推荐 视频效率加速

C# Blazor静态服务器渲染方法 C# .NET 8 Blazor SSR如何工作

胖萱酱_1169

胖萱酱_1169

发布时间:2026-03-07 10:37:02

|

1001人浏览过

|

来源于php中文网

原创

Blazor SSR 在 .NET 8 中是动态服务端渲染,非静态生成;需配置 AddServerSideBlazor()、render-mode="Server"、MapBlazorHub() 及 MapFallbackToPage;组件会构造两次,应通过 IsConnected 区分阶段并避免非幂等操作。

c# blazor静态服务器渲染方法 c# .net 8 blazor ssr如何工作

Blazor SSR 在 .NET 8 中不是“静态服务器渲染”

Blazor 在 .NET 8 中的 Server 渲染模式(即 RenderMode.Server)是**动态服务端渲染**,不是静态生成。它每次请求都实时执行组件逻辑、调用生命周期方法、访问服务(如 IDbContextFactory 或 IHttpClientFactory),并返回带 SignalR 连接的交互式 HTML。所谓“静态”,仅指 HTML 初始内容不依赖客户端 JS 执行——但背后仍是活跃的服务器端会话和实时连接。

如果你需要真正无状态、可缓存、无 SignalR 依赖的 HTML 输出,RenderMode.Static 是唯一选项,但它完全禁用交互性(所有事件处理器被忽略,@onclick 不生效)。

.NET 8 中启用 Blazor SSR 的关键配置项

要在 .NET 8 中启用真正的服务端渲染(含交互性),必须显式设置 RenderMode 并启用相关中间件,不能只靠模板默认行为:

C#
C#

"避开 C# 常见错误——空陷阱、异步陷阱、LINQ 陷阱及资源泄漏。"

下载
  • Program.cs 中需调用 builder.Services.AddServerSideBlazor()(不是 AddRazorComponents())
  • 页面或布局中使用 <component type="typeof(App)" render-mode="Server"></component>,且该组件必须继承自 ComponentBase
  • 必须注册 Hub 端点:app.MapBlazorHub() —— 缺少这行会导致页面加载后立即断连、事件无响应
  • MapFallbackToPage("/_Host") 必须存在,且 /_Host 页面中 render-mode 值与组件一致(常见错误:页面写 Server,但组件漏设或设为 Static)

为什么 RenderMode.Server 会触发两次组件构造?

这是 .NET 8 SSR 的典型行为:首次响应由服务器同步渲染(生成初始 HTML + 注入 __blazor 启动脚本),随后浏览器立即发起 SignalR 连接,并在连接建立后**再次实例化同一组件**(执行 OnInitializedAsync 等),用于接管后续交互。这导致:

  • 数据库查询、HTTP 调用等副作用可能被执行两次(除非加缓存或条件判断)
  • NavigationManager.Uri 在首次渲染时不可靠(尚未注入),第二次才可用
  • 依赖 HttpContext 的逻辑在第二次渲染时会失败(因为 SignalR 连接不携带原始 HTTP 上下文)
  • 若组件有 @inject HttpContext HttpContext,会在 SignalR 阶段抛出 InvalidOperationException: HttpContext is not available

如何让服务端渲染更可控、避免常见崩溃

关键不是“让它工作”,而是控制它何时执行什么逻辑:

  • 用 IsConnected 区分阶段:if (circuit is not null && circuit.IsConnected) 可判断是否处于 SignalR 接管后的交互态(需注入 CircuitHandler 或检查 NavigationManager 状态)
  • 避免在 OnInitializedAsync 中做非幂等操作;把数据加载移到 OnParametersSetAsync 并加 if (!loaded) { ... } 守卫
  • 不要在组件中直接 @inject HttpContext;改用 HttpContextAccessor 并检查 HttpContext?.Request?.Headers 是否非空
  • 静态资源(如 CSS/JS)仍需通过 _Host.cshtml 引入;RenderMode.Server 不改变资源加载路径,但会影响 base.OnInitialized() 中对 NavigationManager.BaseUri 的解析时机

最易被忽略的是:SignalR 连接失败时,页面看起来“已加载”,但所有点击都静默失效——务必在浏览器控制台检查 blazor.server.js 加载是否 404,以及 /_blazor/negotiate 是否返回 200。

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

花生AI
花生AI Hot

一款AI视频创作工具,主要用于B站推出的AI视频创作工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

相关专题

更多
c#是什么意思
c#是什么意思

C#是一种通用的面向对象编程语言,它在.NET框架上运行,可用于开发各种类型的应用程序。本专题为大家提供c#相关的各种文章、以及下载和课程。

1132

2023.08.08

什么是c#
什么是c#

C#(读作C Sharp)是一种现代的、通用的、面向对象的编程语言。它由微软公司开发,于2000年首次发布,主要用于开发Windows桌面应用程序、Web应用程序、移动应用程序以及游戏开发等领域。C#是一种类型安全和托管的编程语言,它结合了C++的强大性能和C语言的简单易学特点,并引入了许多新的特性和概念,如委托、属性、泛型和异步编程等,以提高开发效率和代码可维护性。

3371

2023.08.31

C#中base关键字的用法
C#中base关键字的用法

在C#中,base关键字用于访问当前类的基类成员,这包括基类的字段、属性、方法、构造函数、索引器以及事件。想了解更多C#的相关内容,可以阅读本专题下面的文章。

945

2024.03.13

C#Task用法
C#Task用法

Task在C#中是用于表示异步操作的对象,它位于System.Threading.Tasks命名空间中。想了解更多C#中各种用法的相关内容,可以阅读本专题下面的文章。

2655

2024.03.14

C# 并发与异步编程
C# 并发与异步编程

本专题系统讲解 C# 异步编程与并发控制,重点介绍 async 和 await 关键字、Task 类、线程池管理、并发数据结构、死锁与线程安全问题。通过多个实战项目,帮助学习者掌握 如何在 C# 中编写高效的异步代码,提升应用的并发性能与响应速度。

352

2026.02.03

C# 多线程与异步编程
C# 多线程与异步编程

本专题深入讲解 C# 中多线程与异步编程的核心概念与实战技巧,包括线程池管理、Task 类的使用、async/await 异步编程模式、并发控制与线程同步、死锁与竞态条件的解决方案。通过实际项目,帮助开发者掌握 如何在 C# 中构建高并发、低延迟的异步系统,提升应用性能和响应速度。

429

2026.02.06

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

631

2026.03.11

C# Unity游戏开发与ECS架构实践
C# Unity游戏开发与ECS架构实践

本专题聚焦 C# 在 Unity 游戏开发中的应用,系统讲解 ECS(Entity-Component-System)架构设计、游戏对象管理、性能优化与内存控制策略。通过实际游戏案例,帮助开发者构建高性能、结构清晰的游戏系统,提高游戏开发效率与运行性能。

329

2026.04.13

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

0

2026.11.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
C++ Core Guidelines
C++ Core Guidelines

共0课时 | 0人学习

C++ Reference
C++ Reference

共0课时 | 0人学习

C++ 官方标准说明
C++ 官方标准说明

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn