跳至頁尾內容
開發者更新

Blazor Hybrid Apps(對於開發者的運行原理)

一個.NET MAUI Blazor Hybrid應用程式結合了.NET MAUI的跨平台功能和Blazor的網頁開發技能/功能,建立可在多個平台上原生運行的應用程式,同時共享程式碼和邏輯。 這種Blazor混合方法為開發人員提供了靈活性、生產力,並使他們的應用程式能夠觸及更廣泛的受眾。 網頁開發人員可以輕鬆使用網頁UI元件無縫地建立模擬的移動裝置應用程式。 在本文中,我們將使用Visual Studio構建一個簡單的.NET MAUI Blazor Hybrid應用程式,並且稍後也會查看IronPDF程式庫概覽,來自Iron Software的PDF Solutions,用以生成PDF文件。

如何建立一個.NET MAUI Blazor應用程式從網站生成PDF

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

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

.NET MAUI Blazor應用程式指使用.NET多平台應用程式UI (MAUI)和Blazor技術構建的應用程式。 讓我們分解這些組件:

.NET MAUI (多平台應用程式UI)

.NET MAUI 是一個使用.NET技術和C#構建跨平台應用程式的框架。 它允許開發人員編寫一次程式碼,並將其部署在多個平台上,包括Windows、macOS、iOS移動應用程式和Android。 .NET MAUI提供一個單一的項目結構和統一的API介面,用於跨不同平台開發應用程式。 它支持各種UI元件/元素,包括控件、佈局和導航模式,以建立現代和響應式的應用程式。

Blazor

Blazor 是來自Microsoft的網頁框架,允許開發人員使用C#建構互動的網頁開發應用程式。 Blazor使開發人員能夠編寫程式碼在瀏覽器中的客戶端運行以及在伺服器端運行。Blazor應用程式可使用Razor語法開發,這種語法將HTML標記與C#程式碼結合在一起,並且可以利用.NET程式庫和框架的力量。

混合應用程式

一個混合應用程式結合了本地應用程式和網頁應用程式的元素。 在.NET MAUI和Blazor的上下文中,混合應用程式通常是指能夠原生在多個平台上運行的應用程式(如Windows、macOS、iOS和Android),同時也利用技術(如Blazor用於UI渲染和商務邏輯)。 這種方法允許開發人員利用他們在.NET和C#的現有技能開發跨平台應用程式,這些應用程式可以同時利用本地功能和網頁技術。

.NET MAUI Blazor Hybrid應用程式的功能

跨平台支持

您可以構建一次MAUI Blazor應用程式,然後在各種裝置上部署它,而不需要進行顯著的修改。 Blazor應用程式作為原生應用程式在Android和Apple裝置上運行。

.NET MAUI被設計為提供強大的支持,以建立基於.NET技術的跨平台應用程式,涵蓋Android、iOS、Windows和macOS。 這允許開發人員建立可以無縫運行在多種裝置上的應用程式,而不需要進行重大修改。 使用.NET MAUI開發的Blazor移動應用程式在Android和Apple裝置上就像原生應用程式一樣運行。

程式碼和元件共享

.NET MAUI的一個關鍵優勢是能在多個平台共享程式碼和UI元件。 此功能大大減少了開發時間和工作量,消除了為每個平台特定功能重寫程式碼的必要性。 通過共享程式碼和元件,開發人員可以簡化開發過程並提高程式碼的可維護性。

原生UI控制項

.NET MAUI Blazor Hybrid應用程式利用原生UI控制項,確保在不同平台上提供一致和熟悉的使用者體驗。 這允許開發人員存取平台特定的UI元素,同時保持在所有支持的裝置上統一的外觀和感覺。 通過利用原生UI控件或Web UI元件,開發人員可以建立感覺貼近每個平台的應用程式,同時最大化程式碼重用。

與Visual Studio的整合

Visual Studio為.NET MAUI開發提供了全面的工具支持,為開發人員提供了一組豐富的功能,用於構建、除錯和管理其應用程式。 使用Visual Studio,開發人員可以利用熟悉的工具,如IntelliSense、除錯功能和專案管理功能,提高整個開發生命周期的生產力和效率。

性能提升

.NET MAUI Blazor Hybrid應用程式相較於一些其他跨平台解決方案提供了更高的性能。 Blazor和.NET MAUI的整合確保了程式碼的高效執行,從而產生響應靈敏且性能卓越的應用程式。 通過利用.NET運行時和本地平台功能的力量,開發人員可以建立在各種裝置上提供流暢而流暢的使用者體驗的應用程式。

支持即時熱重載

.NET MAUI提供了即時熱重載支持,允許開發人員在開發過程中立即查看變更,而不需要重新編譯或重新部署。 這一功能加速了開發週期,使得開發人員能夠迅速且高效地迭代。 借助即時熱重載支持,開發人員可以實時調整其應用程式,加快開發過程並提高整體生產力。

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

單一程式碼庫

Blazor Hybrid應用程式與.NET MAUI使開發人員可以只使用C#和Blazor編寫一次應用程式的商務邏輯和UI元素。 這個單一程式碼庫可以部署到多個平台,而不需要進行大量的特定平台調整,降低了開發的複雜性和工作量。

減少開發時間

通過跨平台共享程式碼和元件,開發人員可以顯著減少開發所需的時間。 一處更改會反映在所有支持的平台上,消除了為每個平台撰寫和維護不同程式碼庫的必要性。 這種簡化的開發過程轉化為更快的上市時間和降低的開發成本。

維護效率

對於所有平台使用單一程式碼庫而言,維護變得更加簡單和高效。 錯誤修復、更新和增強可以統一應用於所有支持的平台,確保應用程式整體的一致性和可靠性。 這簡化了維護過程並減少了在不同版本的應用程式中引入不一致或錯誤的風險。

存取原生API

儘管基於網頁技術,Blazor Hybrid應用程式與.NET MAUI在需要時仍保持存取原生API的能力。 這允許開發人員無縫地在應用程式中利用特定平台的特色和功能,為網頁框架的能力和每個平台的原生能力架起橋樑。 通過結合Blazor的力量與原生API的存取,開發人員可以建立功能豐富且多功能的應用程式,以滿足每個平台的獨特需求。

總而言之,.NET MAUI Blazor Hybrid應用程式提供了一種無縫融合網頁與原生能力的方法,使其高效、易於維護,並適合於跨平台開發。

介紹IronPDF

探索IronPDF程式庫,來自Iron Software的PDF解決方案,是一個在.NET世界中生成、修改和閱讀PDF文件的多功能程式庫。 IronPDF是一個多功能的跨平台程式庫,允許開發人員建立、編輯和簽署來自各種來源的PDF文件。 無論您是使用HTML、圖像還是其他文件格式,IronPDF都提供了一套全面的功能來處理PDF。 以下是有關IronPDF的一些關鍵要點:

  1. HTML轉換為PDF:

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

  1. 像素完美渲染:

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

  1. 頁面模板和設置:

通過新增頁眉、頁腳、頁碼和分頁符來自定義您的PDF。 設置響應式佈局、自定義紙張尺寸、方向和顏色選項。

  1. 編輯和註釋:

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

  1. 跨平台支持:

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 Hybrid項目

開始如下,選擇在Visual Studio中建立新項目,並選擇.NET MAUI Blazor Hybrid應用程式項目模板。

Blazor Hybrid應用程式(它對開發者的運作方式):圖1 - .NET MAUI Blazor Hybrid應用模式模板

提供項目名稱和位置詳細資訊。

Blazor Hybrid應用程式(它對開發者的運作方式):圖2 - 項目配置

選擇所需的.NET版本。 按下建立。

Blazor Hybrid應用程式(它對開發者的運作方式):圖3 - 目標框架

步驟2:新增IronPDF程式庫以從網站URL生成PDF

IronPDF程式庫可以使用Visual Studio程式管理器如下安裝。

Blazor Hybrid應用程式(它對開發者的運作方式):圖4 - IronPDF

同樣,它也可以從NuGet Gallery安裝。

Blazor Hybrid應用程式(它對開發者的運作方式):圖5 - NuGet Gallery

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 static method 用於生成PDF文件。 我們確保在進行PDF生成之前,輸入不是空或空白,以此方式對輸入進行基本驗證。

當我們運行應用程式時,我們可以看到下面的UI。

Blazor Hybrid應用程式(它對開發者的運作方式):圖6 - PDF生成器UI

輸出

Blazor Hybrid應用程式(它對開發者的運作方式):圖7 - PDF輸出

授權(免費試用優惠)

IronPDF需要一個有效的授權金鑰,按如下方式將其放入appsettings.json文件中:

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

透過IronPDF的試用授權註冊頁面註冊,可以獲取免費試用授權金鑰。

結論

構建.NET MAUI Blazor Hybrid應用程式為希望利用.NET MAUI和Blazor技術的結合優勢來建立跨平台應用程式的開發人員提供了一個有力的解決方案。 具有強大的跨平台支持、無縫的程式碼和元件共享、存取原生UI控制項、與Visual Studio的整合以及增強的性能,.NET MAUI Blazor Hybrid應用程式為開發人員提供了構建現代、響應式和功能豐富的應用程式所需的工具和能力,這些應用程式可以在多種裝置上原生運行。

另一方面,IronPDF是跨多個平台生成PDF文件的量身定制解決方案,如.NET MAUI Blazor Hybrid應用程式。

總之,構建.NET MAUI Blazor Hybrid應用程式與IronPDF使開發人員能夠交付高品質的應用程式,這些應用程式在不同平台上提供一致的使用者體驗,同時獲得.NET和Blazor生態系統的生產力和靈活性。

常見問題

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

.NET MAUI Blazor混合應用程式允許開發者使用共享程式碼和邏輯構建應用程式,這些應用程式可以在多個平台上原生運行,利用.NET MAUI的跨平台能力和Blazor的網頁開發優勢。

如何在.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程式庫透過允許開發者將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畫廊運行dotnet add package IronPdf --version 2024.4.2命令。

混合方法為應用程式開發提供了哪些優勢?

混合方法可以減少開發時間、共享程式碼和組件,並存取原生API,提供跨不同平台的無縫使用者體驗,擁有本地UI控制項和改進的性能。

為什麼在Blazor應用程式中使用IronPDF對開發者有益?

IronPDF對開發者有益,因為它提供了生成、修改和讀取PDF的強大工具,包括支持HTML轉換為PDF和像素級渲染,增強了Blazor應用程式的能力。

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

Blazor使開發者可以使用C#構建互動式網頁應用程式,允許程式碼在客戶端和伺服器端運行,並整合.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一起將公司轉變為服務於NASA、特斯拉和全球政府公司的50多名人員的公司。

Jacob擁有曼徹斯特大學的土木工程一等榮譽學士學位(BEng),於1998-2001年之間獲得。在1999年於倫敦創辦他的第一家軟體公司並於2005年建立了他的第一批.NET元組件後,他專注於解決Microsoft生態系統中的複雜問題。

他的旗艦IronPDF和Iron Suite .NET程式庫在全球獲得了超過3000萬次NuGet安裝依據,他的基礎程式碼基繼續支援著世界各地開發者使用的工具。擁有25年的商業經驗和41年的程式設計專業知識,他仍專注於推動企業級C#、Java和Python PDF技術的創新,同時指導下一代技術領導者。

Iron 支援團隊

我們線上24小時,每週5天。
聊天
電子郵件
給我打電話