Comment afficher un PDF à partir d'un tableau d'octets dans Blazor ?

1. Introduction

Solutions et documentation IronPDF pour C# PDF est une bibliothèque PDF C# qui permet de gérer le rendu PDF et de convertir des tableaux d'octets en fichiers PDF. Il permet également de réviser et d'imprimer des PDF ; il permet également de réviser les PDF à l'aide d'outils d'annotation. L'ajout d'en-têtes et de pieds de page, ainsi que la fusion de plusieurs PDF sont également très pratiques avec IronPDF.

IronPDF peut être utilisé avec Blazor PDF viewer pour créer une visionneuse de PDF, et il peut gérer des fichiers de plus grande taille en créant un objet URL que le navigateur peut afficher.

En utilisant IronPDF avec Blazor, les développeurs peuvent créer une visionneuse PDF qui peut afficher des fichiers PDF à partir de tableaux d'octets ou d'un nom de fichier, et qui prend également en charge le téléchargement de fichiers. IronPDF fournit également une méthode pour gérer la pagination des documents PDF, qui fonctionne parfaitement avec Blazor.

En outre, IronPDF fournit des exemples de code pour convertir des tableaux d'octets en documents PDF, télécharger des fichiers PDF et afficher des PDF à partir d'une chaîne base64. Les développeurs peuvent également convertir des fichiers PDF en d'autres formats de fichiers, tels quetransformation d'images en documents PDF.

IronPDF peut être utilisé avec une application serveur Blazor et peut être intégré à Visual Studio pour offrir une expérience de développement transparente. Avec IronPDF, les développeurs peuvent créer un composant d'interface utilisateur de qualité professionnelle qui peut être utilisé pour créer des applications Web modernes et riches en fonctionnalités.

Cet article explique comment les développeurs peuvent utiliser IronPDF pour convertir des tableaux d'octets en documents PDF et les afficher dans un visualiseur PDF Blazor.

2. Exigences

Pour suivre le tutoriel, les outils et conditions suivants sont nécessaires :

• Visual Studio 2019 ou une version ultérieure : Cette version est nécessaire pour créer et exécuter l'application Blazor. Il peut être téléchargé à partir du siteSite officiel de Visual Studio
• .NET 5.0 ou supérieur : Cette version est nécessaire pour construire et exécuter l'application Blazor. Il peut être téléchargé à partir du sitepage officielle de téléchargement de .NET
• IronPDF : Il s'agit de la bibliothèque d'interface utilisateur de qualité professionnelle qui sera utilisée pour convertir les tableaux d'octets PDF en un document PDF et l'afficher dans le visualiseur PDF de Blazor. Il peut être téléchargé à partir du siteSite officiel d'IronPDF

• paquet NuGet IronPDF.Blazor : Il s'agit du paquet NuGet qui sera utilisé pour intégrer IronPDF à l'application Blazor. Il peut être installé à partir du gestionnaire de paquets NuGet dans Visual Studio.

  Certaines fonctionnalités abordées dans le tutoriel peuvent nécessiter une version payante d'IronPDF. En outre, le tutoriel suppose une connaissance de base de Blazor et de C#.

3. Création d'une application Blazor

Nous devons créer un nouveau projet Visual Studio avant de pouvoir commencer à construire notre première application Blazor.

• Ouvrez Visual Studio.
• Cliquez sur Créer un nouveau projet.

• Le modèle d'application du serveur Blazor doit être choisi.

  

  Création d'un nouveau projet dans Visual Studio

• Sélectionnez l'option Suivant.

• Le nom de votre application.

  

  Création d'un nouveau projet dans Visual Studio

• Sélectionnez l'option Suivant.

• Sélectionner un Framework .NET

  

  Choisir le Framework .NET 6.0 pour la nouvelle application Blazor Server

• Cliquez sur le bouton Créer.

• Comme indiqué ci-dessous, un nouveau projet sera créé.

  

  **Qu'est-ce que Blazor et comment fonctionne-t-il ?

  Afin de vous offrir un logiciel Blazor simple et prêt à l'emploi, plusieurs fichiers ont été produits.

• Le point d'entrée de l'application qui lance le serveur est program.cs, qui est aussi l'endroit où vous configurez le middleware et les services pour l'application.
• La partie principale de l'application est appelée "App.razor".
• Des exemples de pages web pour l'application sont disponibles dans le répertoire Pages.

• Différents paramètres de profil pour l'environnement de développement local sont définis dans le fichier "launchSettings.json" situé dans le répertoire Properties. Lorsqu'un projet est créé, un numéro de port est automatiquement attribué et enregistré dans ce fichier.

  Démarrer le programme du modèle.

Types de projets Blazor

Blazor supporte deux types de projets : Blazor Server et Blazor WebAssembly.

Le premier type fonctionne sur le serveur et utilise SignalR pour communiquer avec le navigateur. Cela signifie que l'interface utilisateur de l'application est rendue sur le serveur et que le navigateur ne reçoit que les mises à jour du serveur. Blazor Server a l'avantage de pouvoir prendre en charge des applications plus importantes et peut facilement gérer un plus grand nombre d'utilisateurs.

Les applications Blazor WebAssembly, en revanche, s'exécutent entièrement dans le navigateur et ne nécessitent pas de serveur pour fonctionner. Ils sont donc plus légers et plus rapides à charger, mais ils présentent quelques limites, comme l'impossibilité de prendre en charge des fichiers plus volumineux.

Pour ce tutoriel, il est recommandé d'utiliser une application Blazor Server car elle permet d'afficher et de gérer des fichiers PDF, qui peuvent être plus volumineux. En outre, Blazor Server peut prendre en charge la révision et l'impression de PDF, ce qui peut être une fonction utile pour une application de visualisation de PDF.

Installation d'IronPDF

Dans cette section, nous verrons comment installer IronPDF en utilisant différentes méthodes

Utilisation de la ligne de commande

Naviguez vers Tools > NuGet Package Manager > Package Manager Console dans Visual Studio.

Saisissez la ligne suivante dans l'onglet terminal du gestionnaire de paquets :

Install-Package IronPdf

Maintenant que le paquet a été téléchargé, il sera installé dans le projet en cours.

UI de la console du gestionnaire de paquets

Utilisation de la gestion des paquets NuGet pour les solutions

L'interface utilisateur du gestionnaire de paquets NuGet est disponible dans Visual Studio pour installer le paquet directement dans le projet. La capture d'écran ci-dessous montre comment l'ouvrir.

Naviguer vers le gestionnaire de paquets NuGet

L'interface utilisateur du Gestionnaire de paquets propose une fonction Parcourir qui affiche une liste des bibliothèques de paquets proposées sur le site Web de NuGet. Saisissez le mot-clé "IronPDF", comme dans la capture d'écran ci-dessous, pour trouver le package IronPDF.

Rechercher et installer le paquetage IronPDF dans l'interface utilisateur du gestionnaire de paquets NuGet

Localisez la bibliothèque IronPDF dans NuGet Package Manager en la recherchant dans la section Browse.

Sélectionnez le paquet IronPDF et cliquez sur le bouton "Installer" pour l'ajouter au projet.

4. Création et affichage de PDF à partir d'un tableau d'octets

Pour générer des tableaux d'octets PDF en utilisant IronPDF dans une application Blazor, vous devez d'abord ajouter la dépendance IronPDF à votre projet.

Une fois que vous avez ajouté la dépendance IronPDF à votre application Blazor, vous pouvez créer un document PDF en utilisant le code suivant :

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

L'extrait de code susmentionné utilise tout d'abord la fonctionDocumentation de la méthode RenderUrlAsPdf qui télécharge le texte HTML à partir d'une URL spécifiée et le convertit au format PDF. Le document PDF résultant est alors rendu sous la forme d'une chaîne de données base64 non traitées par l'extrait de code et enregistré dans une variable locale.

Les applications peuvent enregistrer les fichiers PDF créés sur le système de fichiers du serveur afin d'y accéder ultérieurement en utilisant les fonctions d'IronPDFDocumentation sur la fonction SaveAs (accessible sur tous lesDocumentation de l'instance de ChromePdfRenderer).

Les données PDF base64 sont préparées pour être affichées sur le navigateur du client dans la section suivante du code.

@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

La fonction susmentionnée lie les données base64 à l'attribut src d'un élément iframe après les avoir reçues du côté serveur de Blazor. Les navigateurs utilisent alors leur visionneuse intégrée pour rendre le contenu Base64 sous la forme d'un document PDF approprié dès le chargement de la page.

Voici une image d'un fichier PDF généré à partir d'une chaîne base64.

Visualiser dans le navigateur un PDF généré dans une application Blazor

Création de fichiers PDF simples

Voici un exemple d'extrait de code pour la création d'un document PDF simple à l'aide d'IronPDF en 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!!")

En utilisant la méthode décrite dans la section précédente, le navigateur d'un client peut être utilisé pour visualiser le document PDF créé.

6. Conclusion

Le tutoriel montre comment utiliserCapacités et tutoriels d'IronPDF pour créer et afficher des documents PDF dans une application Blazor Server. Il présente d'abord IronPDF et ses capacités, notammentcomment convertir HTML en PDFajoutanten-têtes et pieds de page personnalisésetfusionner plusieurs PDF. Il fournit ensuite des instructions pas à pas pour installer IronPDF, créer un fichier PDF dans une application Blazor Server, puis le convertir en un tableau d'octets PDF et l'afficher dans la visionneuse Blazor PDF à l'aide d'une iframe.

Dans l'ensemble, ce tutoriel fournit une vue d'ensemble complète de la manière de travailler avec IronPDF et Blazor pour créer et afficher des documents PDF. Il encourage les lecteurs à expérimenter davantage avec IronPDF et à essayer différentes fonctionnalités pour créer des applications riches en fonctionnalités.

Si vous souhaitez essayer IronPDF dans votre projet Blazor, vous pouvez profiter de l'optionessai gratuit d'IronPDF. Vous aurez ainsi tout le loisir d'expérimenter les caractéristiques et les fonctionnalités de la bibliothèque et de voir si elle répond à vos besoins.

Pour commencer, vous pouvez vous référer à laDocumentation IronPDF pour Blazorla traduction doit être professionnelle, en préservant l'exactitude technique tout en expliquant les caractéristiques et les avantages de ces outils de développement. Vous pouvez également consulter lesBlog et tutoriels IronPDF pour des tutoriels et des articles qui couvrent une série de sujets liés à la manipulation et au rendu des PDF.

Nous vous encourageons à prendre le temps d'expérimenter IronPDF et Blazor plus avant et de voir comment ils peuvent améliorer vos efforts de développement dans le domaine du PDF. Pour plus d'informations sur la visionneuse PDF Blazor, veuillez vous référer à ce qui suit IronPDF Blazor PDF Viewer Tutorial (en anglais).