簡介

  • 3 分鐘

Blazor 可讓 C# 開發人員使用其技能，搭配 C# 建置 Web 應用程式。 Blazor Hybrid 可讓開發人員從原生行動和桌面用戶端應用程式內使用 Blazor Web UI 元件 (稱為 Razor 元件)。 Blazor Hybrid 應用程式會使用「混合式」Web 和原生用戶端開發。

Blazor Hybrid 支援搭配下列項目使用 Razor 元件：

  • .NET MAUI (多平台使用者介面)
  • Windows Forms (WinForms)
  • Windows Presentation Foundation (WPF)

想像您正在建置用戶端 Web 應用程式，且已經有一個 .NET Web 開發人員小組。 此外，想像您想要將應用程式部署為跨行動和桌面平台的原生多平台應用程式，包括 iOS、Android、macOS 和 Windows。

透過 Blazor，開發人員可使用通用語言、架構和工具，為 Web 應用程式建置前端和後端邏輯。 透過 .NET MAUI，您可以從單一專案建置多平台應用程式並存取行動和桌面平台的平台特定原始程式碼和資源。 結合這兩種技術與 Blazor Hybrid，開發人員可以建置原生用戶端和 Web 應用程式，運用共用的 UI 元件和邏輯。 他們可以針對整個原生應用程式或局部的原生應用程式使用 Blazor Hybrid。

針對前端 Web 應用程式、用戶端應用程式和後端程式碼使用相同的語言可以：

  • 加速應用程式開發。
  • 降低建置管線的複雜度。
  • 簡化維護工作。
  • 讓開發人員了解並使用用戶端與伺服器端程式碼。

學習目標

在此課程模組中，您將會：

  • 使用 Visual Studio 設定本機環境，進行 Blazor Hybrid 和 Blazor Hybrid 開發。
  • 建立 .NET MAUI 支援的新 Blazor Hybrid 專案。
  • 將 Razor 元件新增至 Blazor Hybrid 頁面。
  • 更新 Blazor Hybrid 應用程式中的邏輯。
  • 了解 Blazor 元件中的事件處理和資料繫結。
  • 在 Blazor 應用程式中使用路由。
  • 利用 .NET MAUI 存取平台功能。