Blazor 概述

在本文中，您将了解 Microsoft Blazor 技术。请继续关注我，在接下来的几天里，您将逐步学习如何使用 Blazor 开发应用程序。

您将获得以下问题的答案，以开始使用 Blazor。

• 什么是 Blazor？
  
  SPA – 单页应用程序
  
  PWA – 渐进式 Web 应用程序
• Blazor 的功能
• 什么是 Blazor Server？
• 什么是 Blazor WebAssembly？
• Visual Studio 2022 社区版中有多少种类型的项目模板？

什么是 Blazor？

Blazor 是最新的免费 .NET 开源前端 Web 开发框架。它支持服务器端和客户端。通过使用 Blazor，您可以开发 SPA（单页应用程序）和 PWA（渐进式 Web 应用程序），利用现代浏览器 API 的强大功能来像桌面/移动应用程序一样运行。Blazor 不使用 Javascript，而是使用 .NET 运行时，开发人员可以使用 C# 和 HTML、CSS 开发交互式 Web 应用程序。使用也可以使用 Javascript，没有任何限制。

通过使用 Blazor，你可以开发以下类型的应用程序：

1. Blazor 服务器
2. Blazor WebAssembly。
3. Blazor 混合和 .NET MAUI

• 单页应用 (SPA)：一种在单个 Web 文档内运行的 Web 应用，具有极高的用户体验。在传统的 Web 应用开发模式中，存在多页/多视图，但在 SPA 中，仅加载一个初始网页，然后动态更新内容，页面不需要完全重新加载。SPA 是完全基于组件的开发术语。
• 渐进式 Web 应用程序 (PWA)：它是 Web 和 App 技术的混合体。PWA 给人一种特定于平台的应用程序的感觉，就像原生应用程序一样。

Blazor 的功能

• 使用单一语言 C#
• 丰富的交互式用户界面。
• 基于组件的开发。
• 了解 MVC 和 Razor 语法的人可以轻松迁移。
• 支持所有技术，如（Windows/Android/iOS、MacOS）。
• 构建全栈 Web 应用程序。
• Blazor 服务器

什么是 Blazor Server？

Blazor 的托管模型类型之一，它将发送到客户端的服务器结果渲染到 UI。SignalR 用于客户端和服务器之间的即时通信。Blazor 服务器可以使用所有 .NET core API，因为它在 ASP.NET Core 应用程序中执行。

什么是 Blazor WebAssembly？

它是一个单页应用 (SPA) 框架，用于使用 .NET 构建交互式客户端 Web 应用。它负责在客户端执行 C# 代码。

WebAssembly 的通用术语/定义：WebAssembly 的缩写是 WASM。WebAssembly 是一种可在客户端 Web 浏览器中执行的二进制代码格式和相应的文本格式。

项目模板

Visual Studio 2022 社区版中有五种不同类型的模板。

• Blazor 服务器应用
• Blazor 服务器应用（空）
• Blazor WebAssembly 应用
• Blazor WebAssembly 应用程序（空）
• .NET MAUI Blazor 应用

• Blazor 服务器应用程序：用于创建 Blazor 服务器应用程序的模板，该应用程序在 ASP.NET 核心应用程序内的服务器端运行并通过 SignalR 连接处理用户交互。此模板可用于具有丰富动态用户界面 (UI) 的 Web 应用程序。此模板附带基本代码和示例代码。
• Blazor 服务器应用程序（空）：用于创建 Blazor 服务器应用程序的空项目模板。其余工作模式与 Blazor 服务器应用程序模板类似。
• Blazor WebAssembly App：用于创建在 WebAssembly 上运行的 Blazor 应用程序的项目模板，该应用程序可以选择由 ASP.NET 核心应用程序托管。此模板可用于具有丰富动态用户界面 (UI) 的 Web 应用程序
• Blazor WebAssembly App（空）：用于创建 Blazor WebAssembly 应用程序的空项目模板。其余工作模式与 Blazor WebAssembly App 模板类似。

Blazor Server 借助 Asp.Net 核心 API 的功能在服务器上执行，并使用 SingalR 更新客户端，而 Blazor WebAssembly 借助 SPA 和 PWA 的功能在浏览器中执行。

简而言之，Blazor 为所有 .NET 开发人员提供了开发 SPA、PWA 类型应用程序的机会。