Blazor Hybrid Apps (Wie es für Entwickler funktioniert)

Einführung

A .NET MAUI Blazor Hybrid app kombiniert die plattformübergreifenden Fähigkeiten von .NET MAUI mit den Webentwicklungsfähigkeiten von Blazor, um Anwendungen zu erstellen, die nativ auf mehreren Plattformen ausgeführt werden können, während Code und Logik zwischen ihnen ausgetauscht werden. Dieser hybride Ansatz von Blazor bietet Entwicklern Flexibilität, Produktivität und die Möglichkeit, mit ihren Anwendungen ein größeres Publikum zu erreichen. Ein Webentwickler kann mit Hilfe von Web-UI-Komponenten nahtlos emulierte Anwendungen für mobile Geräte erstellen. In diesem Artikel werden wir eine einfache .NET MAUI Blazor Hybrid-Anwendung mit Visual Studio erstellen und uns später auch die IronPDF bibliothek von Iron Software um PDF-Dokumente zu erzeugen.

Wie erstellt man eine .NET MAUI Blazor App, um PDF von einer Website zu generieren?

1. Erstellen Sie ein neues .NET MAUI Blazor Hybrid Projekt in Visual Studio

2. IronPDF-Bibliothek hinzufügen, um PDF von Website-URL zu generieren

3. Hinzufügen von Code zur PDF-Erzeugung mit der IronPDF-Bibliothek

Was ist die .NET MAUI Blazor Hybrid App?

.NET MAUI Blazor App bezieht sich auf eine Anwendung, die mit .NET Multi-platform App UI (MAUI) und Blazor-Technologien. Wir wollen diese Komponenten aufschlüsseln:

.NET MAUI (Multiplattform-Anwendungs-UI)

.NET MAUI ist ein Framework für die Entwicklung plattformübergreifender Anwendungen mit .NET-Technologien und C#. Es ermöglicht Entwicklern, Code einmal zu schreiben und ihn auf mehreren Plattformen einzusetzen, darunter Windows, macOS, iOS-Mobilanwendungen und Android. .NET MAUI bietet eine einzige Projektstruktur und eine einheitliche API-Oberfläche für die Entwicklung von Anwendungen auf verschiedenen Plattformen. Es unterstützt verschiedene UI-Komponenten/Elemente, darunter Steuerelemente, Layouts und Navigationsmuster, um moderne und reaktionsfähige Anwendungen zu erstellen.

Blazor

Blazor ist ein Web-Framework von Microsoft, mit dem Entwickler interaktive Webanwendungen in C# erstellen können. Mit Blazor können Entwickler Code schreiben, der sowohl auf der Client- als auch auf der Serverseite des Browsers ausgeführt wird. Blazor-Anwendungen können mit der Razor-Syntax entwickelt werden, die HTML-Markup mit C#-Code kombiniert, und sie können die Leistungsfähigkeit von .NET-Bibliotheken und -Frameworks nutzen.

Hybrid-App

A hybridanwendung kombiniert Elemente von nativen und Webanwendungen. Im Kontext von .NET MAUI und Blazor bezieht sich eine hybride Anwendung in der Regel auf eine Anwendung, die nativ auf verschiedenen Plattformen läuft (wie Windows, macOS, iOS und Android) und gleichzeitig Technologien zu nutzen (wie z.B. Blazor für UI-Rendering und Geschäftslogik). Mit diesem Ansatz können Entwickler ihre vorhandenen Kenntnisse in .NET und C# nutzen, um plattformübergreifende Anwendungen zu erstellen, die sowohl native Funktionen als auch Webtechnologien nutzen können.

Eigenschaften von .NET MAUI Blazor Hybrid Apps

Plattformübergreifende Unterstützung

Sie können Ihre MAUI Blazor-Anwendung einmal erstellen und sie ohne größere Änderungen auf verschiedenen Geräten einsetzen. Blazor-Apps funktionieren als native Apps sowohl für Android- als auch für Apple-Geräte.

.NET MAUI wurde entwickelt, um robuste Unterstützung für die Erstellung plattformübergreifender Anwendungen in .NET-Technologien zu bieten, die Android, iOS, Windows und macOS umfassen. Dies ermöglicht es Entwicklern, Anwendungen zu erstellen, die nahtlos auf einer Vielzahl von Geräten ausgeführt werden können, ohne dass wesentliche Änderungen erforderlich sind. Eine mit .NET MAUI entwickelte Blazor-Mobilanwendung verhält sich sowohl auf Android- als auch auf Apple-Geräten wie eine native Anwendung.

Code- und Komponententeilung

Einer der Hauptvorteile von .NET MAUI ist die Möglichkeit der gemeinsamen Nutzung von Code und Benutzeroberflächenkomponenten auf verschiedenen Plattformen. Diese Funktion reduziert die Entwicklungszeit und den Aufwand erheblich, da der Code für jede plattformspezifische Funktion nicht neu geschrieben werden muss. Durch die gemeinsame Nutzung von Code und Komponenten können Entwickler den Entwicklungsprozess rationalisieren und die Wartbarkeit des Codes verbessern.

Native UI-Steuerelemente

.NET MAUI Blazor Hybrid-Anwendungen nutzen native UI-Steuerelemente und gewährleisten so eine konsistente und vertraute Benutzererfahrung auf verschiedenen Plattformen. Dadurch können Entwickler auf plattformspezifische UI-Elemente zugreifen und gleichzeitig ein einheitliches Erscheinungsbild für alle unterstützten Geräte beibehalten. Durch den Einsatz von nativen UI-Steuerelementen oder Web-UI-Komponenten können Entwickler Anwendungen erstellen, die sich für jede Plattform nativ anfühlen und gleichzeitig die Wiederverwendung von Code maximieren.

Integration mit Visual Studio

Visual Studio bietet umfassende Tooling-Unterstützung für die .NET MAUI-Entwicklung und stellt Entwicklern eine Vielzahl von Funktionen zum Erstellen, Debuggen und Verwalten ihrer Anwendungen zur Verfügung. Mit Visual Studio können Entwickler vertraute Tools wie IntelliSense, Debugging-Funktionen und Projektverwaltungsfunktionen nutzen und so die Produktivität und Effizienz während des gesamten Entwicklungszyklus steigern.

Verbesserte Leistung

.NET MAUI Blazor Hybrid-Apps bieten im Vergleich zu anderen plattformübergreifenden Lösungen eine bessere Leistung. Die Integration von Blazor und .NET MAUI gewährleistet eine effiziente Code-Ausführung, was zu reaktionsschnellen und performanten Anwendungen führt. Durch die Nutzung der Leistungsfähigkeit der .NET-Laufzeitumgebung und der Funktionen der nativen Plattform können Entwickler Anwendungen erstellen, die eine reibungslose und flüssige Benutzererfahrung auf verschiedenen Geräten ermöglichen.

Hot-Reload-Unterstützung

.NET MAUI bietet Unterstützung für Hot Reload, so dass Entwickler Änderungen während des Entwicklungsprozesses sofort sehen können, ohne dass eine Neukompilierung oder Neuverteilung erforderlich ist. Diese Funktion beschleunigt den Entwicklungszyklus und ermöglicht es Entwicklern, schnell und effizient zu iterieren. Dank der Hot-Reload-Unterstützung können Entwickler in Echtzeit Anpassungen an ihren Anwendungen vornehmen, was den Entwicklungsprozess beschleunigt und die Produktivität insgesamt erhöht.

Vorteile von Blazor Hybrid Apps mit .NET MAUI

Einzelne Codebasis

Blazor Hybrid Apps mit .NET MAUI ermöglichen es Entwicklern, die Geschäftslogik und UI-Elemente ihrer Anwendung nur einmal mit C# und Blazor zu schreiben. Diese einzige Codebasis kann dann auf mehreren Plattformen eingesetzt werden, ohne dass umfangreiche plattformspezifische Anpassungen erforderlich sind, was die Komplexität und den Aufwand der Entwicklung reduziert.

Verkürzte Entwicklungszeit

Durch die gemeinsame Nutzung von Code und Komponenten über verschiedene Plattformen hinweg können Entwickler den Zeitaufwand für die Entwicklung erheblich reduzieren. Änderungen, die an einer Stelle vorgenommen werden, werden für alle unterstützten Plattformen übernommen, so dass es nicht mehr notwendig ist, für jede Plattform eine eigene Codebasis zu schreiben und zu pflegen. Dieser gestraffte Entwicklungsprozess führt zu einer kürzeren Markteinführungszeit und geringeren Entwicklungskosten.

Wartungseffizienz

Mit einer einzigen Codebasis für alle Plattformen wird die Wartung unkomplizierter und effizienter. Fehlerkorrekturen, Aktualisierungen und Erweiterungen können einheitlich auf alle unterstützten Plattformen angewendet werden, wodurch die Konsistenz und Zuverlässigkeit der gesamten Anwendung gewährleistet wird. Dies vereinfacht den Wartungsprozess und verringert das Risiko von Inkonsistenzen oder Fehlern in verschiedenen Versionen der Anwendung.

Zugang zu nativen APIs

Obwohl Blazor Hybrid Apps mit .NET MAUI auf Web-Technologien basieren, haben sie die Möglichkeit, bei Bedarf auf native APIs zuzugreifen. So können Entwickler plattformspezifische Merkmale und Funktionen nahtlos in ihre Anwendungen einbinden und eine Brücke zwischen den Möglichkeiten webbasierter Frameworks und den nativen Möglichkeiten der jeweiligen Plattform schlagen. Durch die Kombination der Leistungsfähigkeit von Blazor mit dem Zugang zu nativen APIs können Entwickler funktionsreiche und vielseitige Anwendungen erstellen, die den einzigartigen Anforderungen der jeweiligen Plattform gerecht werden.

Zusammenfassend lässt sich sagen, dass .NET MAUI Blazor Hybrid-Apps eine nahtlose Mischung aus Web- und nativen Funktionen bieten, wodurch sie effizient, einfach zu warten und für die plattformübergreifende Entwicklung geeignet sind.

Einführung in IronPDF

IronPDF bibliothek von Iron Software ist eine vielseitige Bibliothek in der .NET-Welt zum Erzeugen, Ändern und Lesen von PDF-Dokumenten. IronPDF ist eine vielseitige Plattformübergreifende Bibliothek, die es Entwicklern ermöglicht, PDF-Dokumente aus verschiedenen Quellen zu erstellen, zu bearbeiten und zu signieren. Egal, ob Sie mit HTML, Bildern oder anderen Dokumentenformaten arbeiten, IronPDF bietet umfassende Funktionen für die Bearbeitung von PDFs. Hier sind einige wichtige Punkte über IronPDF:

1. HTML zu PDF Konvertierung:

    IronPDF kann HTML-Inhalte konvertieren (einschließlich CSS, Bilder und JavaScript)  in PDF-Dokumente. Sie können Webseiten rendern, Razor-Ansichten (Blazor Server), CSHTML (MVC)aSPX (WebForms)und XAML (MAUI)  als PDF-Dateien.

2. Pixel-Perfektes Rendering:

    IronPDF sorgt für ein präzises Rendering, so dass die visuelle Wiedergabetreue Ihrer Inhalte erhalten bleibt. Es unterstützt UTF-8-Zeichenkodierung, Basis-URLs, Asset-Kodierung und TLS-Website-Anmeldungen.

3. Seitenvorlagen und Einstellungen:

    Passen Sie Ihre PDFs an, indem Sie Kopf- und Fußzeilen, Seitenzahlen und Seitenumbrüche hinzufügen. Legen Sie responsive Layouts, benutzerdefinierte Papiergrößen, Ausrichtungen und Farboptionen fest.

4. Bearbeitung und Anmerkungen:

    Bearbeiten Sie PDF-Metadaten, signieren Sie Dokumente und wenden Sie digitale Signaturen an. Zusammenführen, Teilen, Hinzufügen, Kopieren und Löschen von Seiten in PDF-Dateien. Fügen Sie Anmerkungen und Formularfelder hinzu.

5. Plattformübergreifende Unterstützung:

    IronPDF funktioniert auf verschiedenen Plattformen: **.NET Core (8, 7, 6, 5 und 3.1+), .NET-Standard (2.0+), .NET-Framework (4.6.2+)es ist kompatibel mit Windows, Linux und macOS.

Schritt 1: Erstellen eines neuen .NET MAUI Blazor Hybrid-Projekts in Visual Studio

Beginnen Sie wie unten beschrieben, indem Sie in Visual Studio Neues Projekt erstellen wählen und die Projektvorlage .NET MAUI Blazor Hybrid App auswählen.

Geben Sie den Namen des Projekts und Angaben zum Standort an.

Wählen Sie die gewünschte .NET-Version aus. Klicken Sie auf Erstellen.

Schritt 2: Hinzufügen der IronPDF-Bibliothek zur Generierung von PDF-Dateien aus der Website-URL

Die IronPDF-Bibliothek kann mit einem Visual Studio-Paketmanager wie unten beschrieben installiert werden.

Außerdem kann es über die NuGet-Galerie installiert werden.

dotnet add package IronPdf --version 2024.4.2

dotnet add package IronPdf --version 2024.4.2

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'dotnet add package IronPdf --version 2024.4.2

Schritt 3: Code hinzufügen, um PDF mit IronPDF zu erzeugen

Fügen Sie den folgenden Code zur Startseite hinzu, um den vorhandenen automatisch generierten Code so zu ändern, dass er die URL-Eingabe des Benutzers entgegennimmt und PDF-Dokumente generiert.

@page "/"
@using IronPdf
<h1>Welcome to PDF Generator from Website URL</h1>
<p>Enter the Website URL to Generate PDF</p>
<p>Click to Generate PDF</p>
<button class="btn btn-primary" @onclick="GeneratePdf">Generate</button>
@code {
    private string? inputValue;
    private string? InputValue { get; set; }
    private void GeneratePdf()
    {
        var r = HtmlToPdf.StaticRenderUrlAsPdf(@InputValue);
        r.SaveAs("C:\\temp\\output.pdf");
    }
}

@page "/"
@using IronPdf
<h1>Welcome to PDF Generator from Website URL</h1>
<p>Enter the Website URL to Generate PDF</p>
<p>Click to Generate PDF</p>
<button class="btn btn-primary" @onclick="GeneratePdf">Generate</button>
@code {
    private string? inputValue;
    private string? InputValue { get; set; }
    private void GeneratePdf()
    {
        var r = HtmlToPdf.StaticRenderUrlAsPdf(@InputValue);
        r.SaveAs("C:\\temp\\output.pdf");
    }
}

'INSTANT VB WARNING: An assignment within expression was extracted from the following statement:
'ORIGINAL LINE: @page "/" using IronPdf <h1> Welcome to PDF Generator from Website URL</h1> <p> Enter the Website URL to Generate PDF</p> <p> Click to Generate PDF</p> <button class="btn btn-primary" onclick="GeneratePdf"> Generate</button> @code
"btn btn-primary" onclick="GeneratePdf"> Generate</button> code
Private Friend page "/" [using] IronPdf (Of h1) Welcome [to] PDF Generator from Website URL</h1> (Of p) Enter the Website URL [to] Generate PDF</p> (Of p) Click [to] Generate PDF</p> <button Class="btn btn-primary" onclick
'INSTANT VB WARNING: Nullable reference types have no equivalent in VB:
'ORIGINAL LINE: private string? inputValue;
'INSTANT VB NOTE: The field inputValue was renamed since Visual Basic does not allow fields to have the same name as other class members:
	Private inputValue_Conflict As String
'INSTANT VB WARNING: Nullable reference types have no equivalent in VB:
'ORIGINAL LINE: private string? InputValue {get;set;}
	Private Property InputValue() As String
	Private Sub GeneratePdf()
		Dim r = HtmlToPdf.StaticRenderUrlAsPdf(InputValue)
		r.SaveAs("C:\temp\output.pdf")
	End Sub
End Class

Code Erläuterung

Hier empfangen wir die Eingabe des Benutzers über eine Texteingabe. Sie verfügen über eine Schaltfläche zum Auslösen der PDF-Erstellung. HtmlToPdf.StaticRenderUrlAsPdf Die statische Methode wird verwendet, um das PDF-Dokument zu generieren.

Wenn wir die Anwendung ausführen, sehen wir die folgende Benutzeroberfläche.

Ausgabe

Lizenzierung (kostenloses Testangebot)

Für IronPDF ist ein gültiger Lizenzschlüssel erforderlich, den Sie wie folgt in die Datei appsettings.json eintragen:

"IronPdf.LicenseKey": "your license key"

"IronPdf.LicenseKey": "your license key"

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'"IronPdf.LicenseKey": "your license key"

Einen kostenlosen Testlizenzschlüssel erhalten Sie, indem Sie sich für eine Testlizenz auf der IronPDF-Website registrieren seite mit Testlizenz.

Schlussfolgerung

Die Erstellung einer .NET MAUI Blazor Hybrid-Applikation bietet eine überzeugende Lösung für Entwickler, die plattformübergreifende Anwendungen mit den kombinierten Stärken der .NET MAUI- und Blazor-Technologien erstellen möchten. Mit robuster plattformübergreifender Unterstützung, nahtloser Code- und Komponentenfreigabe, Zugriff auf native UI-Steuerelemente, Integration mit Visual Studio und verbesserter Leistung bieten .NET MAUI Blazor Hybrid-Apps Entwicklern die Werkzeuge und Möglichkeiten, die sie benötigen, um moderne, reaktionsschnelle und funktionsreiche Anwendungen zu erstellen, die nativ auf verschiedenen Geräten laufen.

IronPDF hingegen ist eine maßgeschneiderte Lösung für die plattformübergreifende Erstellung von PDF-Dokumenten, z. B. für .NET MAUI Blazor Hybrid-Anwendungen.

Zusammenfassend lässt sich sagen, dass die Entwicklung einer .NET MAUI Blazor Hybrid App und IronPDF es Entwicklern ermöglicht, qualitativ hochwertige Anwendungen zu erstellen, die eine konsistente Benutzererfahrung auf verschiedenen Plattformen bieten und gleichzeitig von der Produktivität und Flexibilität des .NET- und Blazor-Ökosystems profitieren.