Passer au contenu du pied de page
UTILISATION DE IRONPDF

Comment créer un visualiseur PDF ASP.NET Core

La création d'un visualiseur PDF ASP.NET Core ne devrait pas nécessiter de bibliothèques JavaScript complexes ou de plugins de navigateur tiers. Les applications web modernes ont besoin d'un moyen fiable pour afficher des fichiers PDF directement dans le navigateur, que ce soit pour des factures, des rapports ou des documents PDF interactifs. IronPDF simplifie ce processus en tirant parti des capacités intégrées du visualiseur PDF de votre navigateur tout en générant des PDF parfaits au pixel près côté serveur.

Dans cet article, nous vous expliquerons comment générer et visualiser des documents PDF dans vos projets ASP.NET Core, montrant comment créer des applications de visualisation PDF pouvant afficher n'importe quel PDF.

Qu'est-ce qu'un visualiseur PDF ASP.NET Core ?

Un visualiseur PDF ASP.NET Core permet aux utilisateurs de visualiser des documents PDF directement dans les applications web sans télécharger les fichiers sur leur appareil. Au lieu de se battre avec des composants de visionneuse de documents basés sur JavaScript, IronPDF adopte une approche simple : il génère des fichiers PDF de haute qualité côté serveur à l'aide du moteur de rendu de Chrome, puis les sert avec les en-têtes corrects pour que les navigateurs affichent automatiquement les fichiers PDF en ligne.

Cette approche côté serveur signifie que votre visualiseur PDF ASP.NET Core fonctionne de manière cohérente sur tous les navigateurs sans plugins supplémentaires comme Adobe Acrobat Reader. Comme IronPDF utilise le même moteur Chrome qui alimente des millions de navigateurs, vos documents PDF se rendent exactement comme prévu, préservant les styles CSS, les interactions JavaScript et les mises en page complexes. L'intégration PDF ASP.NET Core gère tout, de la conversion HTML en PDF à la livraison sécurisée de documents avec un support à long terme.

Comment installer IronPDF dans votre application web ?

L'installation d'IronPDF dans votre application web .NET Core nécessite juste une commande du gestionnaire de paquets NuGet. Ouvrez votre console du gestionnaire de paquets dans Visual Studio et exécutez :

Install-Package IronPdf

Après l'installation, configurez IronPDF dans votre fichier Program.cs pour configurer votre clé de licence :

IronPdf.License.LicenseKey = "YOUR-LICENSE-KEY"; // Start with a free trial key
IronPdf.License.LicenseKey = "YOUR-LICENSE-KEY"; // Start with a free trial key
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

Cette configuration simple vous donne accès à l'ensemble des fonctionnalités du visualiseur PDF .NET Core d'IronPDF. La bibliothèque gère automatiquement le déploiement du moteur Chrome et fournit une API propre pour générer et afficher des fichiers PDF dans vos applications ASP.NET Core.

Comment créer une visionneuse PDF de base ?

Créer votre premier visualiseur PDF ASP.NET Core nécessite un code minimal. Voici un contrôleur qui convertit le contenu HTML en un document PDF visualisable :

using IronPdf;
using Microsoft.AspNetCore.Mvc;

public class PdfController : Controller
{
    public IActionResult ViewDocument()
    {
        var renderer = new ChromePdfRenderer();

        // Create PDF from HTML string
        var html = @"
            <html>
                <body style='font-family: Arial; padding: 20px;'>
                    <h1>Invoice #2024-001</h1>
                    <p>This PDF document is displayed directly in your browser.</p>
                    <table style='width: 100%; border-collapse: collapse;'>
                        <tr>
                            <td style='border: 1px solid #ddd; padding: 8px;'>Item</td>
                            <td style='border: 1px solid #ddd; padding: 8px;'>Price</td>
                        </tr>
                        <tr>
                            <td style='border: 1px solid #ddd; padding: 8px;'>Service</td>
                            <td style='border: 1px solid #ddd; padding: 8px;'>$99.00</td>
                        </tr>
                    </table>
                </body>
            </html>";
        var pdf = renderer.RenderHtmlAsPdf(html);

        // Return PDF for inline viewing
        Response.Headers.Add("Content-Disposition", "inline; filename=invoice.pdf");
        return File(pdf.BinaryData, "application/pdf");
    }
}
using IronPdf;
using Microsoft.AspNetCore.Mvc;

public class PdfController : Controller
{
    public IActionResult ViewDocument()
    {
        var renderer = new ChromePdfRenderer();

        // Create PDF from HTML string
        var html = @"
            <html>
                <body style='font-family: Arial; padding: 20px;'>
                    <h1>Invoice #2024-001</h1>
                    <p>This PDF document is displayed directly in your browser.</p>
                    <table style='width: 100%; border-collapse: collapse;'>
                        <tr>
                            <td style='border: 1px solid #ddd; padding: 8px;'>Item</td>
                            <td style='border: 1px solid #ddd; padding: 8px;'>Price</td>
                        </tr>
                        <tr>
                            <td style='border: 1px solid #ddd; padding: 8px;'>Service</td>
                            <td style='border: 1px solid #ddd; padding: 8px;'>$99.00</td>
                        </tr>
                    </table>
                </body>
            </html>";
        var pdf = renderer.RenderHtmlAsPdf(html);

        // Return PDF for inline viewing
        Response.Headers.Add("Content-Disposition", "inline; filename=invoice.pdf");
        return File(pdf.BinaryData, "application/pdf");
    }
}
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

La classe ChromePdfRenderer gère le processus de conversion, transformant votre HTML en un document PDF. Régler l'en-tête Content-Disposition sur "inline" indique au navigateur d'afficher le PDF plutôt que de le télécharger, créant une expérience de visionnement de PDF transparente où les utilisateurs peuvent visualiser les fichiers PDF directement dans leur application web.

Document PDF de sortie dans le visualiseur du navigateur

Comment créer un visualiseur PDF ASP.NET Core : Figure 1 - PDF dans notre visualiseur PDF de navigateur

Comment afficher des fichiers PDF à partir de différentes sources ?

Votre visualiseur PDF ASP.NET Core peut générer des fichiers PDF à partir de plusieurs sources de packages. Voici comment convertir une URL en un PDF visualisable :

public IActionResult ViewFromUrl(string websiteUrl)
{
    var renderer = new ChromePdfRenderer();

    // Configure rendering options
    renderer.RenderingOptions.EnableJavaScript = true;
    renderer.RenderingOptions.WaitFor.RenderDelay = 2000; // Wait for content to load
    var pdf = renderer.RenderUrlAsPdf(websiteUrl);
    Response.Headers.Add("Content-Disposition", "inline");
    return File(pdf.BinaryData, "application/pdf");
}
public IActionResult ViewFromUrl(string websiteUrl)
{
    var renderer = new ChromePdfRenderer();

    // Configure rendering options
    renderer.RenderingOptions.EnableJavaScript = true;
    renderer.RenderingOptions.WaitFor.RenderDelay = 2000; // Wait for content to load
    var pdf = renderer.RenderUrlAsPdf(websiteUrl);
    Response.Headers.Add("Content-Disposition", "inline");
    return File(pdf.BinaryData, "application/pdf");
}
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

Sortie

Comment créer un visualiseur PDF ASP.NET Core : Figure 2 - PDF rendu à partir de l'URL et affiché dans notre programme de visualisation PDF

Pour les fichiers PDF existants stockés sur le serveur, vous pouvez les charger et les afficher facilement. Cet exemple de code montre comment travailler avec des fichiers dans votre dossier wwwroot :

public IActionResult ViewExistingPdf(string fileName)
{
    // Load PDF from wwwroot folder
    var pdfPath = Path.Combine(_webHostEnvironment.WebRootPath, "documents", fileName);
    var pdf = PdfDocument.FromFile(pdfPath);   
    // Optional: Add modifications like watermarks
    pdf.ApplyWatermark("<h2 style='color: red; opacity: 0.5;'>CONFIDENTIAL</h2>");
    return File(pdf.BinaryData, "application/pdf");
}
public IActionResult ViewExistingPdf(string fileName)
{
    // Load PDF from wwwroot folder
    var pdfPath = Path.Combine(_webHostEnvironment.WebRootPath, "documents", fileName);
    var pdf = PdfDocument.FromFile(pdfPath);   
    // Optional: Add modifications like watermarks
    pdf.ApplyWatermark("<h2 style='color: red; opacity: 0.5;'>CONFIDENTIAL</h2>");
    return File(pdf.BinaryData, "application/pdf");
}
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

Comment créer un visualiseur PDF ASP.NET Core : Figure 3 - Visualisation d'un PDF existant (Avec notre filigrane ajouté)

Cette flexibilité signifie que votre visualiseur PDF peut gérer à la fois le contenu généré dynamiquement et les documents PDF existants stockés dans votre dossier wwwroot ou votre base de données. Le composant s'intègre de manière transparente avec l'architecture ASP.NET Core.

Comment ajouter des fonctionnalités avancées au visualiseur PDF ?

IronPDF transforme votre visualiseur PDF de base en un visionneur de documents puissant avec des capacités avancées. Ajouter des formulaires à vos fichiers PDF permet une fonctionnalité interactive que les utilisateurs peuvent remplir directement :

public IActionResult CreateFormPdf()
{
    var html = @"
        <html>
            <body>
                <h2>Application Form</h2>
                <form>
                    Name: 
                    <br><br>
                    Email: 
                    <br><br>
                    <input type='checkbox'> I agree to terms
                </form>
            </body>
        </html>";
    var renderer = new ChromePdfRenderer();
    renderer.RenderingOptions.CreatePdfFormsFromHtml = true; // Enable form fields
    var pdf = renderer.RenderHtmlAsPdf(html);
    return File(pdf.BinaryData, "application/pdf");
}
public IActionResult CreateFormPdf()
{
    var html = @"
        <html>
            <body>
                <h2>Application Form</h2>
                <form>
                    Name: 
                    <br><br>
                    Email: 
                    <br><br>
                    <input type='checkbox'> I agree to terms
                </form>
            </body>
        </html>";
    var renderer = new ChromePdfRenderer();
    renderer.RenderingOptions.CreatePdfFormsFromHtml = true; // Enable form fields
    var pdf = renderer.RenderHtmlAsPdf(html);
    return File(pdf.BinaryData, "application/pdf");
}
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

Sortie with Fillable Form

Comment créer un visualiseur PDF ASP.NET Core : Figure 4

Lorsque les utilisateurs ouvrent ce PDF dans leur navigateur, ils peuvent remplir les formulaires directement sans avoir besoin d'outils externes. Vous pouvez également éditer des fichiers PDF en ajoutant des en-têtes, pieds de page, numéros de page ou signatures numériques. L'approche des aides de balises facilite l'ajout de ces fonctionnalités :

// Add headers and page numbers
renderer.RenderingOptions.HtmlHeader = new HtmlHeaderFooter()
{
    HtmlFragment = "<div style='text-align: center;'>Company Report</div>",
    MaxHeight = 25
};
renderer.RenderingOptions.HtmlFooter = new HtmlHeaderFooter()
{
    HtmlFragment = "<div style='text-align: center;'>Page {page} of {total-pages}</div>",
    MaxHeight = 25
};
// Add headers and page numbers
renderer.RenderingOptions.HtmlHeader = new HtmlHeaderFooter()
{
    HtmlFragment = "<div style='text-align: center;'>Company Report</div>",
    MaxHeight = 25
};
renderer.RenderingOptions.HtmlFooter = new HtmlHeaderFooter()
{
    HtmlFragment = "<div style='text-align: center;'>Page {page} of {total-pages}</div>",
    MaxHeight = 25
};
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

Ces fonctionnalités transforment votre visualiseur PDF ASP.NET en une solution complète pour la gestion de documents, supportant tout, de la simple visualisation aux opérations d'édition complexes, y compris la sélection de texte et la fonctionnalité d'impression. Vous pouvez même travailler avec d'autres formats comme Excel, Word, les fichiers DOCX et PowerPoint grâce aux capacités de conversion d'IronPDF.

Conclusion

Créer un visualiseur PDF ASP.NET Core avec IronPDF élimine la complexité des solutions basées sur JavaScript tout en fournissant une gestion de documents PDF de qualité professionnelle. En tirant parti des capacités natives du navigateur et du moteur de rendu de Chrome, vous pouvez créer, afficher et gérer des fichiers PDF avec seulement quelques lignes de code — aucune configuration par défaut ou installation complexe requise.

La combinaison de la génération côté serveur et de l'affichage dans le navigateur offre l'équilibre parfait entre le support, la performance et l'expérience utilisateur pour vos applications web. Que vous ayez besoin d'afficher des fichiers PDF, de gérer des formulaires, de modifier des documents existants ou d'imprimer des PDF, l'API simple d'IronPDF rend l'implémentation facile. La bibliothèque est fréquemment mise à jour pour assurer la compatibilité avec les derniers frameworks .NET et environnements Windows.

Prêt à construire votre propre visualiseur PDF dans votre projet ASP.NET Core ? Commencez avec un essai gratuit pour trouver le bon plan. Besoin d'aide pour commencer ? Consultez ce tutoriel détaillé ou parcourez la documentation complète pour plus d'exemples.

Questions Fréquemment Posées

Quel est l'objectif d'un visualiseur de PDF ASP.NET Core ?

Un visualiseur de PDF ASP.NET Core vous permet d'afficher des fichiers PDF directement dans le navigateur, facilitant pour les utilisateurs la visualisation de documents comme des factures, des rapports ou des PDFs interactifs sans avoir besoin de plugins externes.

Comment IronPDF simplifie-t-il la création d'un visualiseur de PDF dans ASP.NET Core ?

IronPDF simplifie le processus en exploitant les capacités de visualisation de PDF intégrées au navigateur et en générant des PDFs parfaits sur le serveur, éliminant le besoin de bibliothèques JavaScript complexes ou de plugins tiers.

IronPDF peut-il gérer les documents PDF interactifs ?

Oui, IronPDF peut gérer les documents PDF interactifs, permettant aux utilisateurs de remplir des formulaires et d'interagir avec le contenu PDF directement dans le navigateur.

Quels sont les avantages d'utiliser IronPDF pour afficher des PDFs dans les applications web ?

IronPDF fournit un moyen fiable et efficace d'afficher des PDFs dans les applications web, offrant des fonctionnalités comme la génération de PDF côté serveur et une intégration transparente avec les applications ASP.NET Core.

Est-il nécessaire d'utiliser des plugins de navigateur tiers avec IronPDF ?

Non, IronPDF utilise les capacités de visualisation de PDF intégrées au navigateur, il n'est donc pas nécessaire d'utiliser des plugins de navigateur tiers pour afficher les fichiers PDF.

Quels types de documents PDF peuvent être affichés en utilisant un visualiseur de PDF ASP.NET Core ?

Un visualiseur de PDF ASP.NET Core peut afficher divers types de documents PDF, y compris des factures, des rapports et des formulaires interactifs, directement dans le navigateur.

IronPDF prend-il en charge la génération de PDF côté serveur ?

Oui, IronPDF prend en charge la génération de PDF côté serveur, garantissant que les documents sont rendus avec précision et efficacité avant d'être affichés dans le navigateur.

Comment IronPDF assure-t-il un rendu de PDF au pixel près?

IronPDF garantit un rendu PDF parfait en utilisant des algorithmes et des techniques avancés pour reproduire fidèlement l'apparence des documents générés côté serveur.

Quel langage de programmation est utilisé pour construire un visualiseur de PDF ASP.NET Core avec IronPDF ?

Le visualiseur de PDF ASP.NET Core est construit en utilisant C# et le framework ASP.NET Core, exploitant IronPDF pour gérer le traitement et l'affichage des PDFs.

Curtis Chau
Rédacteur technique

Curtis Chau détient un baccalauréat en informatique (Université de Carleton) et se spécialise dans le développement front-end avec expertise en Node.js, TypeScript, JavaScript et React. Passionné par la création d'interfaces utilisateur intuitives et esthétiquement plaisantes, Curtis aime travailler avec des frameworks modernes ...

Lire la suite