跳至頁尾內容
.NET 幫助

Blazor混合應用(開發者如何操作)

.NET MAUI Blazor 混合應用程式結合了 .NET MAUI 的跨平台功能和 Blazor 的 Web 開發技能/功能,創建可以在多個平台上原生運行的應用程序,同時在這些平台上共享程式碼和邏輯。 Blazor 的這種混合方法為開發者提供了靈活性、生產力,並使他們的應用程式能夠觸及更廣泛的使用者群體。 Web 開發人員可以使用 Web UI 元件輕鬆無縫地建立模擬行動裝置應用程式。 在本文中,我們將使用 Visual Studio 建立一個簡單的 .NET MAUI Blazor 混合應用程序,稍後還將了解Iron Software 的 PDF 解決方案中的IronPDF 庫概述,以產生 PDF 文件。

如何建立 .NET MAUI Blazor 應用程式以從網站產生 PDF

  1. 在 Visual Studio 中建立一個新的 .NET MAUI Blazor 混合項目
  2. 新增 IronPDF 庫,以便從網站 URL 產生 PDF
  3. 新增程式碼以使用 IronPDF 庫產生 PDF

什麼是 .NET MAUI Blazor 混合應用程式?

.NET MAUI Blazor 應用程式是指使用 .NET 多平台應用 UI (MAUI) 和 Blazor 技術建構的應用。 讓我們來詳細分析這些組成部分:

.NET MAUI(多平台應用程式使用者介面)

.NET MAUI是一個使用 .NET 技術和 C# 來建立跨平台應用程式的框架。 它允許開發者編寫一次程式碼,並將其部署到多個平台,包括 Windows、macOS、iOS 行動應用程式和 Android。 .NET MAUI 提供單一的專案結構和統一的 API 接口,用於開發跨不同平台的應用程式。 它支援各種 UI 元件/元素,包括控制項、佈局和導航模式,以創建現代化且響應迅速的應用程式。

布雷澤

Blazor是微軟推出的一個 Web 框架,它允許開發人員使用 C# 建立互動式 Web 開發應用程式。 Blazor 使開發人員能夠編寫既可在瀏覽器用戶端運行,也可在伺服器端運行的程式碼。 Blazor 應用程式可以使用 Razor 語法進行開發,Razor 語法將 HTML 標記與 C# 程式碼結合,並且可以利用 .NET 程式庫和框架的強大功能。

混合應用

混合型應用結合了原生應用和Web應用的元素。 在 .NET MAUI 和 Blazor 的背景下,混合應用程式通常是指在各種平台(如 Windows、macOS、iOS 和 Android)上原生運行,同時利用技術(如 Blazor 用於 UI 渲染和業務邏輯)的應用程式。 這種方法允許開發人員利用他們現有的 .NET 和 C# 技能來建立跨平台應用程序,這些應用程式既可以利用原生功能,也可以利用 Web 技術。

.NET MAUI Blazor 混合應用程式的特性

跨平台支援

您可以一次建置 MAUI Blazor 應用,並將其部署到各種裝置上,而無需進行重大修改。 Blazor 應用程式在 Android 和 Apple 裝置上都能作為原生應用程式運作。

.NET MAUI 旨在為使用 .NET 技術建立跨平台應用程式提供強大的支持,涵蓋 Android、iOS、Windows 和 macOS。 這使得開發者能夠創建可在各種設備上無縫運行的應用程序,而無需進行重大修改。 使用 .NET MAUI 開發的 Blazor 行動應用程式在 Android 和 Apple 裝置上都將像原生應用程式一樣運作。

代碼和組件共享

.NET MAUI 的一個主要優勢是它能夠在各種平台之間共用程式碼和 UI 元件。 此功能可顯著減少開發時間和精力,無需為每個平台特定功能重寫程式碼。 透過共享程式碼和元件,開發人員可以簡化開發流程並提高程式碼可維護性。

原生使用者介面控制項

.NET MAUI Blazor 混合應用程式利用原生 UI 控件,確保在不同的平台上提供一致且熟悉的使用者體驗。 這樣一來,開發者就可以存取特定於平台的 UI 元素,同時在所有支援的裝置上保持統一的外觀和風格。 透過利用原生 UI 控製或 Web UI 元件,開發人員可以創建在每個平台上都感覺像原生應用的應用程序,同時最大限度地提高程式碼重用率。

與 Visual Studio 集成

Visual Studio 為 .NET MAUI 開發提供全面的工具支持,為開發人員提供豐富的功能集,用於建立、偵錯和管理他們的應用程式。 借助 Visual Studio,開發人員可以利用熟悉的工具,例如 IntelliSense、偵錯功能和專案管理功能,從而在整個開發生命週期中提高生產力和效率。

性能提升

與其他一些跨平台解決方案相比,.NET MAUI Blazor 混合應用程式可提供更高的效能。 Blazor 與 .NET MAUI 的整合確保了程式碼的高效執行,從而實現了響應迅速且性能卓越的應用程式。 透過利用 .NET 運行時和原生平台的功能,開發人員可以創建在各種裝置上提供流暢使用者體驗的應用程式。

熱重載支持

.NET MAUI 提供熱重載支持,讓開發人員在開發過程中立即看到更改,而無需重新編譯或重新部署。 此功能可加快開發週期,使開發人員能夠快速且有效率地迭代。 借助熱重載支持,開發人員可以即時調整應用程序,從而加快開發過程並提高整體生產力。

Blazor混合應用程式與.NET MAUI的優勢

單一程式碼庫

Blazor Hybrid Apps with .NET MAUI 使開發人員能夠使用 C# 和 Blazor 一次編寫應用程式的業務邏輯和 UI 元素。 這樣一來,就可以將這套單一程式碼庫部署到多個平台上,而無需進行大量的平台特定調整,從而降低開發複雜性和工作量。

縮短開發時間

透過跨平台共享程式碼和元件,開發人員可以顯著減少開發時間。 在一個地方所做的更改會反映到所有支援的平台上,從而無需為每個平台編寫和維護單獨的程式碼庫。 這種精簡的開發流程意味著更快的產品上市時間和更低的開發成本。

維護效率

所有平台都使用同一套程式碼庫,維護變得更加直接有效率。 錯誤修復、更新和增強功能可以統一應用於所有受支援的平台,從而確保整個應用程式的一致性和可靠性。 這簡化了維護過程,並降低了在不同版本的應用程式之間引入不一致或錯誤的風險。

存取原生 API

儘管基於 Web 技術,但 Blazor Hybrid Apps with .NET MAUI 仍保留了在需要時存取原生 API 的能力。 這使得開發人員能夠在應用程式中無縫利用平台特定的特性和功能,從而在基於 Web 的框架的功能和每個平台的原生功能之間架起一座橋樑。 透過將 Blazor 的強大功能與對原生 API 的存取相結合,開發人員可以創建功能豐富且用途廣泛的應用程序,以滿足每個平台的獨特需求。

總而言之,.NET MAUI Blazor 混合應用程式無縫融合了 Web 和原生功能,使其高效、易於維護,並適合跨平台開發。

IronPDF簡介

Iron Software 的 PDF 解決方案中的IronPDF 庫是一個功能強大的 .NET 庫,可用於產生、修改和讀取 PDF 文件。 IronPDF是一個功能強大的跨平台庫,可讓開發人員建立、編輯和簽署來自各種來源的PDF 文件。 無論您是處理 HTML、影像或其他文件格式,IronPDF 都提供了一套全面的 PDF 處理功能。 以下是關於IronPDF的一些要點:

  1. HTML 轉 PDF:

    IronPDF 可以將 HTML 內容(包括 CSS、圖像和 JavaScript)轉換為 PDF 文件。 您可以將網頁、Razor 視圖(Blazor 伺服器)、CSHTML(MVC)、ASPX(WebForms)和 XAML(MAUI)渲染為 PDF。

2.像素級完美渲染:

IronPDF 可確保精確渲染,維持內容的視覺保真度。 它支援 UTF-8 字元編碼、基本 URL、資源編碼和 TLS 網站登入。

3.頁面模板和設定:

透過新增頁首、頁尾、頁碼和分頁符號來自訂您的 PDF 檔案。 設定響應式佈局、自訂紙張尺寸、方向和顏色選項。

4.編輯與註釋:

編輯 PDF 元資料、簽署文件和應用數位簽章。 合併、分割、新增、複製和刪除 PDF 文件中的頁面。 新增註解和表單欄位。

5.跨平台支援:

IronPDF 可在多種平台上運作: .NET Core(8、7、6、5 和 3.1+)、.NET Standard(2.0+)、.NET Framework(4.6.2+)。它相容於 Windows、Linux 和 macOS。

步驟 1:在 Visual Studio 中建立一個新的 .NET MAUI Blazor 混合項目

首先,在 Visual Studio 中選擇"建立新專案",然後選擇".NET MAUI Blazor 混合應用程式"專案範本。

Blazor混合應用(開發者指南):圖1 - .NET MAUI Blazor混合應用模板

請提供項目名稱和地點詳情。

Blazor混合應用(開發者使用指南):圖2 - 專案配置

選擇所需的 .NET 版本。 點擊"創建"。

Blazor混合應用(開發者使用方法):圖3 - 目標框架

步驟 2:新增 IronPDF 庫,以便從網站 URL 產生 PDF

可以使用 Visual Studio 套件管理器安裝 IronPDF 庫,如下所示。

Blazor混合應用(開發者使用方法):圖4 - IronPDF

此外,它還可以從 NuGet Gallery 安裝。

Blazor混合應用(開發者如何操作):圖5 - NuGet庫

dotnet add package IronPdf --version 2024.4.2

步驟 3:新增程式碼以使用 IronPDF 產生 PDF

將以下程式碼新增至首頁,以修改現有的自動產生程式碼,使其能夠從使用者取得 URL 輸入並產生 PDF 文件。

@page "/"
@using IronPdf

<h1>Welcome to PDF Generator from Website URL</h1>
<p>Enter the Website URL to Generate PDF</p>
<input type="text" @bind="InputValue" placeholder="Enter URL" />
<p>Click to Generate PDF</p>
<button class="btn btn-primary" @onclick="GeneratePdf">Generate</button>

@code {
    // This property is bound to the input field for the user to enter the website URL
    private string? InputValue { get; set; }

    // This method is invoked when the "Generate" button is clicked
    // It uses IronPdf to generate a PDF from the URL entered by the user
    private void GeneratePdf()
    {
        // Check if the input value is not null or empty
        if (!string.IsNullOrWhiteSpace(InputValue))
        {
            // Render the URL as a PDF document
            var pdfDocument = HtmlToPdf.StaticRenderUrlAsPdf(InputValue);

            // Save the rendered PDF document to the specified location on the disk
            pdfDocument.SaveAs("C:\\temp\\output.pdf");
        }
    }
}

程式碼解釋

這裡我們使用文字輸入框接收使用者的輸入。 他們提供了一個按鈕來觸發PDF生成。 HtmlToPdf.StaticRenderUrlAsPdf靜態方法用於產生 PDF 文件。 在產生 PDF 之前,我們會確保輸入不為空,從而為輸入添加基本驗證。

運行應用程式後,我們可以看到以下使用者介面。

Blazor混合應用(開發者使用方法):圖6 - PDF生成器使用者介面

輸出

Blazor混合應用(開發者使用方法):圖7 - PDF輸出

授權許可(免費試用)

IronPDF 需要有效的許可證金鑰,請按如下方式將其新增至appsettings.json檔案:

{
  "IronPdf.LicenseKey": "your license key"
}

可以透過在 IronPDF 的試用許可證註冊頁面註冊試用許可證來獲得免費試用許可證金鑰。

結論

建立 .NET MAUI Blazor 混合應用程式為希望利用 .NET MAUI 和 Blazor 技術的組合優勢創建跨平台應用程式的開發人員提供了一個極具吸引力的解決方案。 憑藉強大的跨平台支援、無縫的程式碼和元件共享、對原生 UI 控制項的存取、與 Visual Studio 的整合以及增強的效能,.NET MAUI Blazor 混合應用程式為開發人員提供了建置現代化、響應迅速且功能豐富的應用程式所需的工具和功能,這些應用程式可以在各種裝置上原生運行。

另一方面,IronPDF 是一個專為在 .NET MAUI Blazor 混合應用程式等多個平台上產生 PDF 文件而量身定制的解決方案。

總而言之,建立 .NET MAUI Blazor 混合應用程式和 IronPDF 使開發人員能夠交付高品質的應用程序,這些應用程式可在不同的平台上提供一致的用戶體驗,同時還能受益於 .NET 和 Blazor 生態系統的生產力和靈活性。

常見問題解答

.NET MAUI Blazor 混合應用程式的用途是什麼?

.NET MAUI Blazor 混合應用程式可讓開發人員建立具有共享程式碼和邏輯的應用程序,這些應用程式可以在多個平台上原生運行,同時利用 .NET MAUI 的跨平台功能和 Blazor 的 Web 開發優勢。

如何在 .NET MAUI Blazor 應用程式中產生 PDF 文件?

您可以透過整合 IronPDF 庫在 .NET MAUI Blazor 應用程式中產生 PDF 文檔,該程式庫支援跨不同平台的 HTML 到 PDF 轉換、編輯和渲染。

使用 Visual Studio 建立 .NET MAUI Blazor 混合應用程式的步驟是什麼?

要建立 .NET MAUI Blazor 混合應用程序,請開啟 Visual Studio,選擇 .NET MAUI Blazor 混合應用程式模板,配置專案設置,選擇所需的 .NET 版本,並初始化專案環境。

IronPDF 庫如何增強 Blazor 應用程式中的 PDF 功能?

IronPDF 庫增強了 PDF 的功能,讓開發人員可以將 HTML 轉換為 PDF、編輯 PDF 並精確渲染 PDF 文件。它支援跨平台使用,因此非常適合 .NET MAUI Blazor 應用程式。

使用 .NET MAUI 進行跨平台開發的優勢是什麼?

.NET MAUI 的優點在於只需編寫一次程式碼,即可將其部署到 Windows、macOS、iOS 和 Android 等多個平台,並可存取原生 API 和 UI 控件,從而提供一致的用戶體驗。

如何將 IronPDF 庫新增至 .NET MAUI Blazor 應用程式?

可以透過 Visual Studio 套件管理器將 IronPDF 庫新增至 .NET MAUI Blazor 應用程式中,也可以從 NuGet Gallery 執行dotnet add package IronPdf --version 2024.4.2指令來新增。

混合方法為應用程式開發帶來了哪些好處?

混合方法可以縮短開發時間,實現程式碼和元件共享,並存取原生 API,從而在不同平台上提供無縫的使用者體驗,並具有原生 UI 控制和更高的效能。

為什麼使用 IronPDF 對在 Blazor 應用中處理 PDF 的開發人員有益?

IronPDF 的優點在於它提供了強大的工具來產生、修改和讀取 PDF,包括支援 HTML 到 PDF 的轉換和像素級完美渲染,從而增強了 Blazor 應用程式的功能。

Blazor 在 .NET MAUI Blazor 混合應用程式中扮演什麼角色?

Blazor 使開發人員能夠使用 C# 建立互動式 Web 應用程序,允許程式碼在客戶端和伺服器端運行,並與 .NET 庫集成,以增強 .NET MAUI Blazor 混合應用程式的開發。

.NET MAUI Blazor Hybrid 如何提高開發效率?

.NET MAUI Blazor Hybrid 透過允許開發人員為多個平台編寫共享程式碼、利用原生 UI 控制項以及利用熱重載進行即時調整而無需重新編譯來提高生產力。

Jacob Mellor,Team Iron 首席技術官
首席技術長

Jacob Mellor 是 Iron Software 的首席技術官,也是一位富有遠見的工程師,率先開發了 C# PDF 技術。作為 Iron Software 核心程式碼庫的最初開發者,他自公司成立之初便參與塑造了其產品架構,並與執行長 Cameron Rimington 一起將其發展成為一家擁有 50 多名員工、服務於 NASA、特斯拉和全球政府機構的公司。

Jacob 於 1998 年至 2001 年在曼徹斯特大學獲得土木工程一級榮譽學士學位。 1999 年,他在倫敦創辦了自己的第一家軟體公司;2005 年,他創建了自己的第一個 .NET 元件。此後,他專注於解決微軟生態系統中的複雜問題。

他的旗艦產品 IronPDF 和 IronSuite .NET 庫在全球 NuGet 上的安裝量已超過 3000 萬次,其基礎程式碼持續為全球開發者工具提供支援。憑藉 25 年的商業經驗和 41 年的程式設計專長,Jacob 始終致力於推動企業級 C#、Java 和 Python PDF 技術的創新,同時指導下一代技術領導者。