用 C# 构建交互式 Web 应用

Blazor 让开发者可以使用 .NET 编写客户端 Web 应用，无需依赖 JavaScript， 提供三种灵活的部署模式满足不同场景需求。

了解更多 对比模式

什么是 Blazor？

Blazor 是一个由微软开发的开源 Web 框架，允许开发者使用 C# 和 .NET 代替 JavaScript 来构建交互式 Web 界面。 它提供了三种部署模型，让您可以根据应用需求选择最合适的方式。

单一语言

使用 C# 开发整个应用，从前端到后端，无需在 C# 和 JavaScript 之间切换。

安全性

受益于 .NET 的安全特性和类型安全，减少运行时错误和安全漏洞。

代码共享

在客户端和服务器之间共享代码、业务逻辑和数据模型，提高开发效率。

Blazor WebAssembly 示意图
客户端执行
模式一

Blazor WebAssembly

Blazor WebAssembly 是一个单页应用 (SPA) 框架，用于通过 WebAssembly 运行 .NET 代码。 应用在浏览器中直接执行，无需服务器参与，除了初始下载和 API 调用。

核心特点：

  • 应用完全在客户端浏览器中运行
  • 下载后可离线工作
  • 不依赖于 .NET 服务器
  • 初始加载时间较长，但后续交互快速
查看对比
Blazor Server 示意图
服务器执行
模式二

Blazor Server

Blazor Server 在服务器上运行 .NET 代码，并通过 SignalR 连接处理 UI 更新。 客户端仅负责显示 UI 和发送用户交互事件到服务器。

核心特点：

  • 应用在服务器上运行，客户端只需加载轻量级资源
  • 初始加载时间短，适合低性能设备
  • 始终与服务器保持连接，实时交互性强
  • 服务器资源消耗较高，需要持续连接
查看对比
Blazor 混合模式示意图
混合执行
模式三

Blazor 混合模式

混合模式结合了 WebAssembly 和 Server 模式的优势，允许部分组件在客户端运行，部分在服务器运行。 通常使用 Blazor Server 启动应用，然后根据需要将组件切换到 WebAssembly 模式。

核心特点：

  • 初始加载快（如 Server 模式）
  • 后续交互可切换到客户端执行，减少服务器负载
  • 可根据网络条件和组件类型动态调整
  • 开发复杂度略高，但用户体验最佳
查看对比

三种模式对比分析

选择最适合您应用需求的 Blazor 模式，以下是关键特性的详细对比。

特性 WebAssembly Server 混合模式
执行位置 客户端浏览器 服务器 客户端和服务器
初始加载时间 较长（需下载 .NET 运行时） 短（仅轻量级资源） 短（类似 Server 模式）
网络依赖 仅初始下载和 API 调用 持续连接（SignalR） 初始连接，后续可离线
服务器负载 低（仅 API 处理） 高（处理所有 UI 逻辑） 中（动态分配负载）
离线支持 支持（PWA 能力） 不支持 有限支持
客户端资源消耗 高（运行时和应用） 低（仅 UI 渲染） 中（按需加载）
适合场景 离线应用、高交互性应用 简单应用、低性能设备 复杂应用、兼顾性能和体验

性能指标对比

选择适合您的 Blazor 模式

无论您需要构建离线优先的应用、轻量级的简单界面，还是兼顾性能和用户体验的复杂系统， Blazor 都能提供合适的解决方案。三种模式各有优势，可根据具体需求灵活选择。

Blazor 让 C# 开发者能够充分利用现有技能构建现代 Web 应用，无需学习新的前端语言。