Wie man PDF aus Byte-Array in Blazor anzeigt

1. Einführung

IronPDF for C# PDF Solutions and Documentation ist eine C# PDF-Bibliothek, die das Rendern von PDFs und das Umwandeln von Byte-Arrays in PDF-Dateien unterstützt. Es unterstützt auch das Prüfen und Drucken von PDF-Dateien; es unterstützt auch die Überprüfung von PDFs mit Anmerkungswerkzeugen. Das Hinzufügen von Kopf- und Fußzeilen und das Zusammenführen mehrerer PDFs ist mit IronPDF ebenfalls sehr bequem.

IronPDF kann mit dem Blazor PDF-Viewer verwendet werden, um einen PDF-Viewer zu erstellen, und es kann mit größeren Dateigrößen umgehen, indem es eine Objekt-URL erstellt, die der Browser anzeigen kann.

Mit IronPDF und Blazor können Entwickler einen PDF-Viewer erstellen, der PDF-Dateien aus Byte-Arrays oder Dateinamen anzeigt und auch das Hochladen von Dateien und das Herunterladen von Dateien unterstützt. IronPDF bietet auch eine Methode zum Auslagern von PDF-Dokumenten, die mit Blazor problemlos funktioniert.

Darüber hinaus bietet IronPDF Codebeispiele zum Konvertieren von Byte-Arrays in PDF-Dokumente, Herunterladen von PDF-Dateien und Anzeigen von PDFs aus einem base64-String. Entwickler können PDF-Dateien auch in andere Dateiformate umwandeln, wie zum Beispiel Bilder in PDF-Dokumente transformieren.

IronPDF kann mit einer Blazor-Server-Anwendung verwendet und in Visual Studio integriert werden, um eine nahtlose Entwicklung zu ermöglichen. Mit IronPDF können Entwickler eine professionelle UI-Komponente erstellen, die für die Entwicklung moderner, funktionsreicher Webanwendungen verwendet werden kann.

Dieser Artikel erklärt, wie Entwickler IronPDF verwenden können, um PDF-Byte-Arrays in PDF-Dokumente zu konvertieren und diese in einem Blazor PDF-Viewer anzuzeigen.

2. Anforderungen

Um dem Tutorial folgen zu können, sind die folgenden Werkzeuge und Voraussetzungen erforderlich:

• Visual Studio 2019 oder höher: Dies ist erforderlich, um die Blazor-Anwendung zu erstellen und auszuführen. Es kann von der offiziellen Visual Studio-Website heruntergeladen werden.
• .NET 5.0 oder höher: Dies ist erforderlich, um die Blazor-Anwendung zu erstellen und auszuführen. Es kann von der offiziellen .NET-Downloadseite heruntergeladen werden.
• IronPDF: Dies ist die professionelle UI-Bibliothek, die verwendet wird, um PDF-Byte-Arrays in ein PDF-Dokument zu konvertieren und es im Blazor PDF-Viewer anzuzeigen. Es kann von der offiziellen IronPDF-Website heruntergeladen werden.

• IronPDF.Blazor NuGet-Paket: Dies ist das NuGet-Paket, das verwendet wird, um IronPDF in die Blazor-Anwendung zu integrieren. Es kann über den NuGet Package Manager in Visual Studio installiert werden.

  Für einige der in der Anleitung beschriebenen Funktionen ist möglicherweise eine kostenpflichtige Version von IronPDF erforderlich. Darüber hinaus setzt das Tutorial ein Grundverständnis von Blazor und C# voraus.

3. Erstellen einer Blazor-Anwendung

Wir müssen ein neues Visual Studio-Projekt erstellen, bevor wir mit der Erstellung unserer ersten Blazor-Anwendung beginnen können.

• Öffnen Sie Visual Studio.
• Klicken Sie auf Neues Projekt erstellen.

• Blazor Server App Template sollte gewählt werden.

  

  Erstellen eines neuen Projekts in Visual Studio

• Wählen Sie die Option Weiter.

• Der Name Ihrer Anwendung.

  

  Erstellen eines neuen Projekts in Visual Studio

• Wählen Sie die Option Weiter.

• Wählen Sie ein .NET-Framework

  

  Auswahl des .NET 6.0 Frameworks für die neue Blazor Server App

• Klicken Sie auf die Erstellen-Schaltfläche.

• Wie unten zu sehen, wird ein neues Projekt erstellt.

  

  Was ist Blazor und wie funktioniert es

  Um Ihnen eine unkomplizierte, sofort einsatzbereite Blazor-Software zu bieten, wurden mehrere Dateien erstellt.

• Der Einstiegspunkt für die App, die den Server startet, ist program.cs, wo Sie auch die Middleware und Dienste für die App einrichten.
• Der Hauptteil der Anwendung wird "App.razor" genannt.
• Einige Beispiel-Webseiten für die App finden Sie im Verzeichnis Seiten.

• Verschiedene Profileinstellungen für die lokale Entwicklungsumgebung werden in der Datei "launchSettings.json" definiert, die sich im Verzeichnis Properties befindet. Wenn ein Projekt erstellt wird, wird automatisch eine Anschlussnummer zugewiesen und in dieser Datei gespeichert.

  Starten Sie das Vorlagenprogramm.

Blazor Projekttypen

Blazor unterstützt zwei Projekttypen: Blazor Server und Blazor WebAssembly.

Der erste Typ läuft auf dem Server und verwendet SignalR zur Kommunikation mit dem Browser. Das bedeutet, dass die Benutzeroberfläche der Anwendung auf dem Server gerendert wird und der Browser nur Aktualisierungen vom Server erhält. Blazor Server hat den Vorteil, dass er größere Anwendungen unterstützen kann und problemlos mehr Benutzer bedienen kann.

Blazor WebAssembly-Anwendungen hingegen werden vollständig im Browser ausgeführt und benötigen keinen Server, um zu funktionieren. Dadurch sind sie leichter und schneller zu laden, aber sie haben einige Einschränkungen, z. B. können sie keine größeren Dateien unterstützen.

Für dieses Tutorial wird empfohlen, eine Blazor-Server-Anwendung zu verwenden, da diese die Anzeige und Verarbeitung von PDF-Dateien unterstützt, die größer sein können. Darüber hinaus kann Blazor Server das Prüfen und Drucken von PDFs unterstützen, was eine nützliche Funktion für eine PDF-Viewer-Anwendung sein kann.

Installation von IronPDF

In diesem Abschnitt werden wir besprechen, wie IronPDF mit verschiedenen Methoden installiert wird

Verwendung der Befehlszeile

Navigieren Sie in Visual Studio zu Tools > NuGet-Paket-Manager > Paket-Manager-Konsole.

Geben Sie die folgende Zeile in die Terminal-Registerkarte des Paketmanagers ein:

Install-Package IronPdf

Nachdem das Paket nun heruntergeladen wurde, wird es im aktuellen Projekt installiert.

Benutzeroberfläche der Paket-Manager-Konsole

Verwendung von Manage NuGet Packages für Lösungen

Die NuGet Package Manager UI ist in Visual Studio verfügbar, um das Paket direkt in das Projekt zu installieren. Der folgende Screenshot zeigt, wie man sie öffnet.

Zu NuGet-Paket-Manager navigieren

Die Benutzeroberfläche des Paketmanagers bietet eine Durchsuchungsfunktion, die eine Liste der Paketbibliotheken anzeigt, die auf der NuGet-Website angeboten werden. Geben Sie das Schlüsselwort "IronPDF" ein, um das IronPDF-Paket zu finden (siehe Screenshot unten).

Suchen und installieren Sie das IronPDF-Paket in der NuGet-Paketmanager-Benutzeroberfläche

Suchen Sie die IronPDF-Bibliothek im NuGet-Paketmanager, indem Sie im Durchsuchen-Abschnitt danach suchen.

Wählen Sie das IronPDF-Paket und klicken Sie auf die Schaltfläche "Installieren", um es dem Projekt hinzuzufügen.

4. Erstellen und Anzeigen von PDFs aus Byte-Array

Um PDF-Byte-Arrays mit IronPDF in einer Blazor-Anwendung zu erzeugen, müssen Sie zunächst die IronPDF-Abhängigkeit zu Ihrem Projekt hinzufügen.

Sobald Sie die IronPDF-Abhängigkeit zu Ihrer Blazor-Anwendung hinzugefügt haben, können Sie mit dem folgenden Code ein PDF-Dokument erstellen:

string _url = "";
private async Task ViewFile()
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");
    _url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}";
}

string _url = "";
private async Task ViewFile()
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");
    _url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}";
}

Private _url As String = ""
Private Async Function ViewFile() As Task
	Dim renderer = New IronPdf.ChromePdfRenderer()
	Dim pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata")
	_url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}"
End Function

Der obige Codeausschnitt verwendet zunächst die RenderUrlAsPdf Methodendokumentation von IronPDF, die den HTML-Text von einer angegebenen URL herunterlädt und in ein PDF-Format umwandelt. Das resultierende PDF-Material wird dann von dem Codeschnipsel als eine Zeichenkette aus unverarbeiteten base64-Daten gerendert und in einer lokalen Variablen gespeichert.

Anwendungen können erstellte PDF-Dateien im Dateisystem des Servers speichern, um später darauf zuzugreifen, indem sie die SaveAs-Funktionsdokumentation von IronPDF nutzen (zugänglich in jeder ChromePdfRenderer-Instanzdokumentation).

Die base64-PDF-Daten werden im nächsten Abschnitt des Codes für die Ausgabe im Browser des Kunden vorbereitet.

@if (_url != string.Empty)
{

}

@if (_url != string.Empty)
{

}

'INSTANT VB WARNING: The following constructor is declared outside of its associated class:
'ORIGINAL LINE: if(_url != string.Empty)
Private Sub New(Optional _url (Not ByVal) As = String.Empty)

End Sub

Die obige Funktion bindet die Base64-Daten an das src-Attribut eines iframe-Elements, nachdem sie vom Blazor-Server empfangen wurden. Dies führt dazu, dass Browser ihre integrierten Web-Viewer verwenden, um den Base64-Inhalt als geeignetes PDF-Dokument anzuzeigen, sobald die Seite geladen wird.

Hier ist ein Bild einer PDF-Datei, die aus einer base64-Zeichenfolge erzeugt wurde.

Anzeigen eines in einer Blazor-App generierten PDFs im Browser

Einfache PDF-Dateien erstellen

Hier ist ein Beispiel-Codeausschnitt für die Erstellung eines einfachen PDF-Dokuments mit IronPDF in C#:

var renderer = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!")

var renderer = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!")

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'var renderer = New IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!")

Mit der im vorangegangenen Abschnitt beschriebenen Methode kann das erstellte PDF-Dokument mit dem Browser eines Clients angezeigt werden.

6. Schlussfolgerung

Das Tutorial zeigt, wie man IronPDF-Funktionen und Tutorials verwendet, um PDF-Dokumente in einer Blazor-Server-App zu erstellen und anzuzeigen. Es führt zunächst in IronPDF und seine Funktionen ein, einschließlich wie man HTML in PDF konvertiert, benutzerdefinierte Header und Footer hinzufügt und mehrere PDFs zusammenführt. Anschließend wird Schritt für Schritt erklärt, wie man IronPDF installiert, eine PDF-Datei in einer Blazor Server-Applikation erstellt, sie dann in ein PDF-Byte-Array konvertiert und mit Hilfe von iframe im Blazor PDF-Viewer anzeigt.

Insgesamt bietet das Tutorial einen umfassenden Überblick über die Arbeit mit IronPDF und Blazor zur Erstellung und Anzeige von PDF-Dokumenten. Er ermutigt die Leser, mit IronPDF weiter zu experimentieren und verschiedene Funktionen auszuprobieren, um funktionsreiche Anwendungen zu erstellen.

Wenn Sie daran interessiert sind, IronPDF in Ihrem Blazor-Projekt auszuprobieren, können Sie die kostenlose Testversion von IronPDF nutzen. So haben Sie ausreichend Zeit, die Funktionen der Bibliothek auszuprobieren und zu sehen, ob sie Ihren Anforderungen entspricht.

Um zu beginnen, können Sie auf die IronPDF-Dokumentation für Blazor verweisen, die detaillierte Informationen zur Verwendung der Bibliothek in Ihrem Projekt bietet. Sie können auch im IronPDF Blog und in Tutorials stöbern, um Tutorials und Artikel zu finden, die eine Vielzahl von Themen im Zusammenhang mit der PDF-Manipulation und -Darstellung abdecken.

Wir möchten Sie ermutigen, IronPDF und Blazor in Ruhe auszuprobieren und herauszufinden, wie sie Ihre Entwicklungsarbeit im PDF-Bereich verbessern können. Für weitere Informationen zum Blazor PDF-Viewer lesen Sie bitte das folgende IronPDF Blazor PDF-Viewer Tutorial.