什麼是 Blazor Hybrid?

已完成

建立 Web 應用程式和用戶端應用程式的公司通常會雇用開發人員擔任不同角色。 有些開發人員會建立後端的伺服器端邏輯。 而有些開發人員建立用戶端 Web 應用程式。 其他人建立行動和桌面平台的原生用戶端應用程式。 這些開發人員通常會使用不同開發語言和技術。

C# 和 .NET 是建立伺服器端邏輯的熱門選擇。 用戶端 Web 應用程式通常是使用 JavaScript 在 Web UI 架構中建立。 針對桌面和行動裝置的原生用戶端應用程式,有數個選項可供使用,包括適用於 .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 元件在裝置上以原生方式執行。 元件透過本機 Interop 通道轉譯至內嵌 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 架構的圖表。

Blazor Hybrid 應用程式與 .NET MAUI

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 工作負載,以確保 Visual Studio 中提供 .NET 8.0 SDK 和工具。 安裝後,您就具有開始建立 Blazor Hybrid 應用程式所需的一切。 在下一個練習中,您將建立您的第一個 Blazor Hybrid 應用程式。