Blazor .NET 8 (開發者教程)

理解 Blazor 渲染模式

Blazor in .NET 8.0 介紹了三種渲染模式：

1. 靜態伺服器渲染：生成靜態 HTML，以獲取最佳性能。
2. 互動伺服器渲染：使用伺服器端的 ASP.NET Core 運行時進行初始渲染和互動。
3. 互動 WebAssembly 渲染：利用客戶端的 .NET WebAssembly 運行時進行後續渲染和互動。

多功能的互動自動渲染

其中一個亮點是互動自動渲染模式，這種模式結合了伺服器端渲染的內容和使用 .NET WebAssembly 運行時在客戶端進行的後續渲染和互動。這導致應用程序啟動體驗更快，使其成為開發人員的吸引選擇。

Blazor Web App 模板的引入

.NET 8.0 引入了 Blazor Web App 模板，這是一個統一的起點，結合了 Blazor Server 和 Blazor WebAssembly 托管模型的優勢。

此模板包含了新功能，如靜態伺服器渲染、流式渲染、增強的導航和表單處理。 專案模板的整合簡化了開發過程。

Blazor Web Apps 的精簡 JS 初始化程式

傳統的 JS 初始化程式已被替換為一組新的，其中為 Blazor Web Apps 提供更好的控制，用於自定義加載過程、日誌級別和其他選項。 這一變化提高了開發經驗，並符合在 .NET 8.0 中統一托管模型的目標。

預渲染和整合指南的分割

為提供更集中化的覆蓋範圍，關於預渲染和整合的指導已分為不同的文章。 此變化旨在簡化對於理解和實施的理解，從而更易於開發人員遵循最佳實踐。

Blazor Web Apps 中的輕鬆狀態持久化

Blazor Web Apps 現在自動持續性存儲任何在預渲染期間創建的註冊應用程序級狀態。 這樣可以省去持久保存組件狀態元素的需要，簡化了狀態存儲和讀取的過程。

增強的表單處理和模型繫結

.NET 8.0 對 Blazor 組件帶來了改進的表單處理能力，包括模型綁定和數據驗證。 框架尊重數據契约屬性，為開發人員提供了更多關於表單數據如何綁定到模型的控制。 反欺詐支持的引入增加了表單提交的安全層。

增強的導航和表單處理

Blazor .NET 8.0 的靜態伺服器渲染在頁面導航和表單處理方面引入了一個顯著的改進。 傳統上，完整的頁面刷新在導航或提交表單時發生。

通過增強的導航功能，Blazor 攔截請求並執行提取請求，將渲染的回應內容無縫地修補到瀏覽器 DOM 中。 這避免了完整的頁面刷新，導致頁面載入更快、更流暢，同時保留更多的頁面狀態。

當加載 Blazor 腳本（blazor.web.js）時，默認啟用了增強導航，並且可以可選地為特定表單啟用。 新的增強導航 API 允許開發人員以編程方式刷新當前頁面，提供了更多用戶體驗的控制。

流式渲染

Blazor .NET 8.0 介紹了流式渲染，這是一個強大的功能，可以提升執行長時間運行異步任務頁面的用戶體驗。 使用流式渲染，頁面可以在異步操作進行時渲染占位符內容。

一旦完成，更新的內容會通過相同的回應連接流式傳送到客戶端，並無縫地修補到 DOM 中。 這種方法確保應用的主佈局快速渲染，頁面會在內容可用時立即更新。

鍵值服務注入

Blazor 現在支持使用 Inject 屬性注入鍵值服務。 鍵值允許在依賴注入場景中設置服務註冊和消耗的範疇。

新的 InjectAttribute.Key 屬性允許開發人員指定要注入的服務的鍵，開啟了服務範疇的新可能性。

作為級聯參數訪問 HttpContext

Blazor .NET 8.0 引入了從靜態伺服器組件作為級聯參數訪問當前 HttpContext 的能力。 此增強功能對於檢查和修改與 HTTP 上下文相關的標頭或其他屬性特別有用。

在 ASP.NET Core 之外渲染 Razor 組件

Blazor .NET 8.0 開啟了在 HTTP 請求上下文之外渲染 Razor 組件的可能性。這種靈活性允許開發人員直接渲染 Razor 組件到字符串或流，而不依賴於 ASP.NET Core 托管環境。

這一功能尤其適用於生成 HTML 碎片（如電子郵件或靜態網站內容）是必要的場景。

支持 Sections

在 Blazor .NET 8.0 中，SectionOutlet 和 SectionContent 組件的引入革新了內容管理。 這些組件允許開發人員定義在佈局中預留的位置，後來由具體的頁面填寫。

可以使用唯一名稱或對象 ID 參考 Sections，在構建動態 Web 佈局時提供了靈活性和可重用性。

支持錯誤頁面

.NET 8.0 中的 Blazor Web Apps 現在擁有強大的錯誤頁面支持，允許開發者為 ASP.NET Core 異常處理中間件定義自訂錯誤頁面。

預設錯誤頁面（Components/Pages/Error.razor）提供了一致的用戶體驗。 即使啟用了互動性，錯誤頁面仍然作為靜態伺服器組件渲染，保證在異常情境中的穩定性。

QuickGrid 從實驗到必需

高性能的網格組件 QuickGrid 已從實驗地位畢業，成為 .NET 8 中 Blazor 框架的一個組成部分。

此組件簡化了表格數據的顯示，同時提供強大的功能，如排序、過濾、分頁和虛擬化。 在 ASP.NET Core Blazor QuickGrid 的文檔中了解更多關於 QuickGrid 的信息。

路由到命名元素

Blazor .NET 8.0 引入了支持客戶端路由，無縫地使用標準的 URL 片段直接導航到頁面上的特定 HTML 元素。 通過標準 id 屬性指定 HTML 元素的標識符，當 URL 片段與元素標識符匹配時，Blazor 會無縫地滾動到該元素。

根級級聯值

Blazor .NET 8.0 通過引入可以為整個組件層次結構註冊的根級級聯值來提升級聯值。 現在支持命名的級聯值和訂閱更新通知的機制，提供更大的靈活性和控制。

虛擬化空內容

在 Virtualize 組件上的新 EmptyContent 參數使開發人員能夠在組件已加載且無數據時提供內容，或 ItemsProviderResult<t>.TotalItemCount 為零時提供內容。

這讓開發者能夠創建更加直觀和友好的介面。

電路管理和 SignalR 監控

Blazor .NET 8.0 引入了在沒有剩下互動伺服器組件時關閉電路的能力。 這種優化釋放了伺服器資源並提升了整體性能。

此外，開發人員現在可以通過在伺服器端應用中使用 CreateInboundActivityHandler 方法來監控入站電路活動 CircuitHandler。

使用 Jiterpreter 提升運行時性能

Jiterpreter 是 .NET 8 中的新運行時功能，當在 WebAssembly 上運行時引入了部分快速 Just-in-Time (JIT) 編譯支持。 這提升了運行時性能，為與 Blazor WebAssembly 應用程序互動的用戶提供了更流暢的體驗。

提前編譯（AOT）SIMD 和異常處理

Blazor WebAssembly 的 AOT 編譯現在默認使用 WebAssembly 固定寬度 SIMD 和 WebAssembly 異常處理。 這一戰略選擇顯著提升了運行時性能，提供了更加高效和響應的用戶體驗。

Webcil 打包以支持 Web 友好的部署

Blazor WebAssembly 現在使用 Webcil，一種網頁友好的 .NET 程式集打包方式。 這確保了在阻止下載或使用 .dll 文件的環境中的兼容性，解決了部署的挑戰。 對於 Blazor WebAssembly 應用，Webcil 默認是啟用的。

Blazor WebAssembly 調試的改進

調試 Blazor WebAssembly 應用在 .NET 8 中變得更加簡化。現在調試器從 Visual Studio 偏好設定的配置位置下載符號數據，提升了使用 NuGet 套件應用程序的調試體驗。

此外，現在支持在 Firefox 中進行調試，需要配置遠程調試並通過 .NET WebAssembly 調試代理連接。

內容安全策略（CSP）兼容性

Blazor WebAssembly 在 .NET 8.0 中消除了在指定內容安全策略（CSP）時需要啟用不安全的 eval 腳本來源。 這一增強簡化了安全配置，使在 Blazor WebAssembly 應用中制定強大的 CSP 更加容易。

在組件生命週期外處理異常

ComponentBase.DispatchExceptionAsync 的引入允許開發者處理超出 Razor 組件生命週期調用堆疊的異常。

此功能允許組件的代碼將異常視為生命週期方法異常，確保了一種更一致和控制的錯誤處理機制。

引入 Iron Suite

Iron Suite 是由 Iron Software 開發的，它由幾個有用的程式庫組成，使開發人員能夠構建強大的 Blazor 應用程序。它提供了添加 PDF 功能、Excel 或 CSV 文件功能、影像到文字識別、條碼和 QR 碼生成及讀取，以及壓縮或提取文件的解決方案。

Iron Suite 是一個使用 Blazor WebAssembly 托管模型或任何 Microsoft 技術進行 web 開發的最佳選擇，包括 Blazor WebAssembly 應用程序、Blazor 伺服器應用程序、ASP.NET Core MVC APP、ASP.NET core WEB APIs，或任何版本的 .NET 運行時中建置的應用程式。

```csharp
using IronPdf;

class Program
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // 1. Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // 2. Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // 3. Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}
```

結論

總之，Blazor .NET 8.0 的發佈標誌著使用 C# 和 .NET 進行全棧 Web UI 開發的一個重要里程碑。

新渲染模式、Blazor Web App 模板、增強導航以及眾多其他功能的推出，使其成為開發人員旨在創建現代和交互式 Web 應用程式時的吸引選擇。

Blazor .NET 8.0 還引入了引人注目的功能，如增強的表單處理、流式渲染和注入鍵值服務的能力，為開發增添了深度和靈活性。

Iron Software 引入的 Iron Suite 補充了 Blazor 的功能，為 .NET 生態系統中的文件相關任務提供了全面的工具包。

利用 Iron Suite，Blazor .NET 8.0 使開發者能夠創建穩健且功能豐富的 web 應用程式。

強大的功能、改進的性能，加上活力的開發者社群支持，使 Blazor 成為現代 Web 開發的有力選擇。