什么是 Blazor Hybrid?

已完成

生成 Web 应用和客户端应用的公司通常会聘请开发人员担任不同角色。 某些开发人员创建后端服务器端逻辑。 一些开发人员生成客户端 Web 应用。 其他开发人员则为移动和桌面平台生成本机客户端应用。 这些开发人员通常使用不同的开发语言和技术。

C# 和 .NET 是生成服务器端逻辑的常用选项。 客户端 Web 应用是通过 Web UI 框架使用 JavaScript 生成的。 对于适用于桌面和移动的本机客户端应用,有一些选项可用,包括适用于 .NET 和 C# 的许多选项。 使用多种语言和工具集需要掌握多种技能,并且通常需要两个单独的团队。 此外,用于传输和表示数据的代码必须使用两种语言生成并保持同步。Blazor Hybrid 允许使用现有的技能和代码在 C# 和 .NET 中生成 Web 应用程序,并使用这些技术生成本机客户端应用程序,从而简化开发团队的任务、代码和流程。

在本单元中,首先介绍 Blazor Hybrid、.NET MAUI,然后探讨 Razor 组件。

什么是 Blazor?

Blazor 应用由使用 C#、HTML 和 CSS 构建的可重复使用的 Web UI 组件构成。 借助 Blazor,开发人员可以使用 C# 生成客户端和服务器代码。 他们还可以与前端客户端代码和后端逻辑共享代码和库。 使用 C# 生成所有代码可简化在前端和后端之间共享数据,允许代码重用以加速开发,并减少维护工作。

什么是 Blazor Hybrid?

Blazor Hybrid 使开发人员能够将桌面和移动本机客户端框架与 .NET 和 Blazor 结合使用。

在 Blazor Hybrid 应用中,Razor 组件在设备上是本机运行的。 这些组件通过本地互操作通道呈现到嵌入式 Web 视图控件。 组件不在浏览器中运行,并且不涉及 WebAssembly。 Razor 组件可快速加载和执行代码,这些组件可通过 .NET 平台完全访问设备的本机功能。

显示 Blazor Hybrid 体系结构的示意图。

什么是 .NET MAUI?

.NET 多平台应用 UI (.NET MAUI) 是一个跨平台框架,用于使用 C# 和 XAML 创建本机移动和桌面应用。 使用 .NET MAUI,可从单个共享代码库开发可在 Android、iOS、macOS 和 Windows 上运行的应用。 .NET MAUI 的主要目的之一是使你能够在单个代码库中实现尽可能多的应用逻辑和 UI 布局。 .NET MAUI 将 Android、iOS、macOS 和 Windows API 统一到单个 API 中,提供“编写一次就能在任何地方运行”的开发人员体验,同时还提供了对每个原生平台各个方面的深入访问。

显示 .NET MAUI 体系结构的示意图。

使用 .NET MAUI 的 Blazor Hybrid 应用

Blazor Hybrid 支持内置于 .NET MAUI 框架中。 .NET MAUI 包含 BlazorWebView 控件,该控件允许将 Razor 组件呈现到嵌入式 Web 视图中。 通过结合使用 .NET MAUI 和 Blazor,可以跨移动设备、桌面设备和 Web 重复使用一组 Web UI 组件。

Blazor Hybrid 开发要求

可使用最新版本的 Visual Studio 2022 或 Visual Studio Code(安装了 .NET SDK、.NET MAUI 工作负载、C# 开发工具包扩展和 .NET MAUI 扩展) 来生成 Blazor Hybrid 应用。 在本模块中,我们使用 Visual Studio 2022 或 Visual Studio Code 来生成 Blazor Hybrid 应用程序。

无论开发环境如何,都需要安装 .NET MAUI 工作负载,确保 .NET 8.0 SDK 和工具在 Visual Studio 中可用。 安装后,即可开始生成 Blazor Hybrid 应用。 在下一个练习中,你将生成你的第一个 Blazor Hybrid 应用。