Comment puis-je générer un code QR dans une application Blazor en utilisant C# ?

Vous pouvez générer un code QR dans une application Blazor en utilisant la bibliothèque IronBarcode. Installez IronBarcode via NuGet ou en téléchargeant le DLL, puis utilisez la méthode QRCodeGenerater pour convertir les entrées utilisateur en codes QR.

Quelles sont les étapes pour installer une bibliothèque de génération de QR code dans une application Blazor Server ?

Pour installer une bibliothèque de génération de codes QR dans une application serveur Blazor, téléchargez IronBarcode depuis NuGet, ajoutez l'espace de noms @using IronBarCode dans votre fichier Imports.razor, et configurez une clé de licence si nécessaire.

Comment puis-je personnaliser les codes QR générés dans un projet Blazor?

IronBarcode permet la personnalisation des codes QR dans un projet Blazor en modifiant des éléments tels que la couleur, la marge et la taille. Utilisez les méthodes d'IronBarcode pour ajuster ces propriétés lors de la génération de codes QR.

Quelle méthode peut être utilisée pour enregistrer un code QR généré en tant que fichier image?

Utilisez la méthode SaveAsPng de la bibliothèque IronBarcode pour enregistrer les codes QR générés en tant que fichiers image PNG dans votre application Blazor.

Comment les codes QR peuvent-ils être affichés dans une application Blazor?

Les codes QR peuvent être affichés dans une application Blazor en les convertissant en une chaîne de balise HTML et en utilisant MarkupString pour rendre le code QR sur la page.

Est-il possible de générer un code QR lors du chargement d'une page Blazor?

Oui, vous pouvez générer un code QR au chargement d'une page Blazor en utilisant des méthodes asynchrones dans l'événement de cycle de vie OnInitializedAsync .

Quelles sont les exigences de licence pour utiliser une bibliothèque de codes QR dans une application .NET?

IronBarcode est gratuit pour le développement mais nécessite une licence commerciale pour le déploiement. Une licence d'essai est disponible pour des fins de test.

IronBarcode peut-il être utilisé avec différentes plateformes .NET pour la génération de codes QR?

Oui, IronBarcode est compatible avec une large gamme de plateformes .NET, y compris .NET 7, .NET 6, .NET 5, .NET Core 2x & 3x, .NET Standard 2 et .NET Framework 4.6.2+.

What is required to start developing with IronBarcode in a Blazor application?

To develop with IronBarcode in a Blazor application, you need to set up a Blazor server app, install Visual Studio or a similar IDE, add the IronBarcode library, and ensure you have a valid license key for the library.

Can IronBarcode be used to read existing QR codes in a Blazor application?

Yes, IronBarcode offers functionality to read QR codes as well as generate them, making it a versatile library for applications requiring both reading and creating QR codes.

La bibliothèque de code-barres C#

Explore IronBarcode Essai gratuit

Démarrage rapide des codes-barres

Voir tous les exemples de code %s

using IronBarCode;
using System.Drawing;

// Reading a barcode is easy with IronBarcode!
var resultFromFile = BarcodeReader.Read(@"file/barcode.png"); // From a file
var resultFromBitMap = BarcodeReader.Read(new Bitmap("barcode.bmp")); // From a bitmap
var resultFromImage = BarcodeReader.Read(Image.FromFile("barcode.jpg")); // From an image file
var resultFromPdf = BarcodeReader.ReadPdf(@"file/mydocument.pdf"); // From PDF use ReadPdf

// To configure and fine-tune barcode reading, utilize the BarcodeReaderOptions class
var myOptionsExample = new BarcodeReaderOptions
{
    // Choose a reading speed from: Faster, Balanced, Detailed, ExtremeDetail
    // There is a tradeoff in performance as more detail is set
    Speed = ReadingSpeed.Balanced,

    // Reader will stop scanning once a single barcode is found (if set to true)
    ExpectMultipleBarcodes = true,

    // By default, all barcode formats are scanned for
    // Specifying a subset of barcode types to search for would improve performance
    ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional,

    // Utilize multiple threads to read barcodes from multiple images in parallel
    Multithreaded = true,

    // Maximum threads for parallelized barcode reading
    // Default is 4
    MaxParallelThreads = 2,

    // The area of each image frame in which to scan for barcodes
    // Specifying a crop area will significantly improve performance and avoid noisy parts of the image
    CropArea = new Rectangle(),

    // Special setting for Code39 barcodes
    // If a Code39 barcode is detected, try to read with both the base and extended ASCII character sets
    UseCode39ExtendedMode = true
};

// Read with the options applied
var results = BarcodeReader.Read("barcode.png", myOptionsExample);

// Create a barcode with one line of code
var myBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8);

// After creating a barcode, we may choose to resize
myBarcode.ResizeTo(400, 100);

// Save our newly-created barcode as an image
myBarcode.SaveAsImage("EAN8.jpeg");

// Get the barcode as an image for further processing
var myBarcodeImage = myBarcode.Image;

using IronBarCode;
using System.Drawing;

// Reading a barcode is easy with IronBarcode!
var resultFromFile = BarcodeReader.Read(@"file/barcode.png"); // From a file
var resultFromBitMap = BarcodeReader.Read(new Bitmap("barcode.bmp")); // From a bitmap
var resultFromImage = BarcodeReader.Read(Image.FromFile("barcode.jpg")); // From an image file
var resultFromPdf = BarcodeReader.ReadPdf(@"file/mydocument.pdf"); // From PDF use ReadPdf

// To configure and fine-tune barcode reading, utilize the BarcodeReaderOptions class
var myOptionsExample = new BarcodeReaderOptions
{
    // Choose a reading speed from: Faster, Balanced, Detailed, ExtremeDetail
    // There is a tradeoff in performance as more detail is set
    Speed = ReadingSpeed.Balanced,

    // Reader will stop scanning once a single barcode is found (if set to true)
    ExpectMultipleBarcodes = true,

    // By default, all barcode formats are scanned for
    // Specifying a subset of barcode types to search for would improve performance
    ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional,

    // Utilize multiple threads to read barcodes from multiple images in parallel
    Multithreaded = true,

    // Maximum threads for parallelized barcode reading
    // Default is 4
    MaxParallelThreads = 2,

    // The area of each image frame in which to scan for barcodes
    // Specifying a crop area will significantly improve performance and avoid noisy parts of the image
    CropArea = new Rectangle(),

    // Special setting for Code39 barcodes
    // If a Code39 barcode is detected, try to read with both the base and extended ASCII character sets
    UseCode39ExtendedMode = true
};

// Read with the options applied
var results = BarcodeReader.Read("barcode.png", myOptionsExample);

// Create a barcode with one line of code
var myBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8);

// After creating a barcode, we may choose to resize
myBarcode.ResizeTo(400, 100);

// Save our newly-created barcode as an image
myBarcode.SaveAsImage("EAN8.jpeg");

// Get the barcode as an image for further processing
var myBarcodeImage = myBarcode.Image;

PM >Install-Package BarCode

Install-Package BarCode

UTILISATION DE IRONBARCODE

Comment générer un code QR dans Blazor

Curtis Chau

Updated: 21 avril 2026

Cet article montre comment les développeurs peuvent utiliser la bibliothèque IronBarcode pour créer des codes QR dans des projets C#.

Comment générer un code QR dans Blazor

Téléchargez une bibliothèque C# pour générer des codes QR dans Blazor
Utilisez la méthode CreateQrCode pour créer un code QR
Convertissez le code QR généré en une chaîne de balise HTML
Transmettez les informations à MarkupString dans le fichier Razor
Utilisez la méthode SaveAsPng pour enregistrer le code QR généré sous forme d'image PNG.

IronBarcode - C#

IronBarcode est une bibliothèque C# de code-barres et de codes QR qui vous permet de lire et de générer des codes-barres et des codes QR facilement dans toutes les applications .NET C#. Il privilégie la vitesse, la précision et la facilité d'utilisation pour C#

IronBarcode est une bibliothèque conviviale qui permet aux développeurs d'ajouter, de lire et de styliser facilement des codes QR dans des projets C#, généralement en quelques minutes. Il permet aux développeurs de créer des codes QR dans des formats tels que Aztec, Data Matrix, MaxiCode. Différents types de codes-barres sont disponibles avec IronBarcode, par exemple, Code 39, Code 128, RSS14, etc.

IronBarcode est compatible avec tous les langages du .NET Framework, c'est-à-dire, C#, F# et VB.NET. Il prend en charge toutes les plateformes .NET listées ci-dessous :

.NET 7, 6 & 5
.NET Core 2x & 3x
.NET Standard 2
.NET Framework 4.6.2+

Comment générer un code QR dans une application Blazor Server ?

Prérequis

Pour créer des codes QR dans des applications web Blazor en C#, nous avons besoin des composants suivants :

Visual Studio - C'est un environnement de développement intégré (IDE) utilisé pour le développement C#. Il peut être téléchargé depuis le site Web de Visual Studio. Ou vous pouvez utiliser n'importe quel autre IDE supporté pour C#
Application Blazor Server : Créer une application Blazor Server est la tâche principale. Suivez les étapes ci-dessous pour créer une application web Blazor server.

Ouvrez votre IDE ou Visual Studio. Cliquez sur Créer un nouveau projet.

Comment générer un code QR dans Blazor : Figure 1

Choisissez Blazor Server App parmi les options de projet disponibles.

Comment générer un code QR dans Blazor : Figure 2

Ensuite, définissez l'emplacement et nommez votre projet.

Comment générer un code QR dans Blazor : Figure 3

Ensuite, définissez les informations supplémentaires pour votre projet. Sélectionnez une version appropriée du .NET Framework. IronBarcode prend en charge les versions .NET 2 à 7, la dernière étant .NET 7.

Comment générer un code QR dans Blazor : Figure 4

Téléchargez directement IronBarcode du site NuGet.
Téléchargement direct d'IronBarcode depuis le site NuGet.
Téléchargez le fichier DLL d'IronBarcode directement depuis le site Iron Software DLL.
Téléchargez IronBarcode DLL directement depuis le site web d'Iron Software.

Ajout de l'espace de noms IronBarcode

Une fois que tout est installé et prêt, ajoutez la référence d'assemblage suivante à votre fichier "Imports.razor" de l'application de code-barres Blazor :

@using IronBarCode

@using IronBarCode

Text

Comment générer un code QR dans Blazor : Figure 5

IronBarcode doit être sous licence pour être utilisé en déploiement.

IronBarcode doit être sous licence pour être utilisé pour le déploiement. Vous pouvez obtenir votre clé de licence d'essai gratuite ici. Ajoutez les lignes de code suivantes au fichier Program.cs :

using IronBarCode;

// Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE";

using IronBarCode;

// Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE";

Imports IronBarCode

' Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE"

Imports IronBarCode

' Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE"

Étapes pour générer un code QR

Les étapes suivantes vous aideront à générer des codes QR de la meilleure manière possible dans l'application Blazor Server :

Ajout de composants HTML Blazor

Le code se compose de quelques titres, un champ de saisie et des boutons. Le code se compose de quelques en-têtes, d'un champ de saisie et de boutons.

Utilisez le code ci-dessous pour ajouter les composants à l'application de code-barres Blazor :

<h4>Welcome to Blazor QR Code Generator</h4>
<p>Enter the value to Generate QR Code:</p>

<!-- Input field for QR code text -->
<input @bind="text" />

<!-- Button to trigger QR code generation -->
<button @onclick="QRCodeGenerater">Generate QR Code</button>

<p>Generated QR Code:</p>

<h4>Welcome to Blazor QR Code Generator</h4>
<p>Enter the value to Generate QR Code:</p>

<!-- Input field for QR code text -->
<input @bind="text" />

<!-- Button to trigger QR code generation -->
<button @onclick="QRCodeGenerater">Generate QR Code</button>

<p>Generated QR Code:</p>

HTML

La sortie est la suivante :

Comment générer un code QR dans Blazor : Figure 6

Le champ de texte est utilisé pour obtenir l'entrée de l'utilisateur, et le bouton de génération appellera la méthode QRCodeGenerater pour créer un code QR. Le code QR créé sera affiché sous l'en-tête "Code QR généré:". Maintenant, créons la méthode QRCodeGenerater.

Créer la méthode `QRCodeGenerater`

La section @code est ajoutée à la page "Index.razor". La section @code est ajoutée à la page "Index.razor". Voyons d'abord le code complet ci-dessous :

@code {
    // Variable to hold the generated QR code HTML
    private string qrCode = "";

    // Variable to hold user input text
    private string text = "";

    // Method to generate QR code from user input
    private void QRCodeGenerater()
    {
        // Create a QR code from the input text
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);

        // Convert the generated QR code to HTML tag
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}

@code {
    // Variable to hold the generated QR code HTML
    private string qrCode = "";

    // Variable to hold user input text
    private string text = "";

    // Method to generate QR code from user input
    private void QRCodeGenerater()
    {
        // Create a QR code from the input text
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);

        // Convert the generated QR code to HTML tag
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}

Text

Dans le code ci-dessus, il y a deux variables string privées. qrCode affichera le code QR généré, et text obtiendra l'entrée de l'utilisateur à partir du champ de saisie. Puis, dans la méthode QRCodeGenerater, myQRCode est créé à l'aide de la méthode CreateQrCode de la classe QRCodeWriter. La méthode CreateQrCode fournit plusieurs paramètres pour améliorer la sortie du code. Vous pouvez personnaliser la taille du code QR, définir les mots de correction d'erreur pour maintenir le niveau de correction d'erreur, et modifier QrVersion. Enfin, le code-barres Blazor généré est converti en une balise HTML, puis en une chaîne qrCode.

// Creating a QR code with custom parameters
QRCodeWriter.CreateQrCode(
    "https://ironsoftware.com/csharp/barcode/", // URL for the QR code
    500, // Size of the QR code
    QRCodeWriter.QrErrorCorrectionLevel.High, // Error correction level
    0 // QrVersion
)

// Creating a QR code with custom parameters
QRCodeWriter.CreateQrCode(
    "https://ironsoftware.com/csharp/barcode/", // URL for the QR code
    500, // Size of the QR code
    QRCodeWriter.QrErrorCorrectionLevel.High, // Error correction level
    0 // QrVersion
)

' Creating a QR code with custom parameters
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)

' Creating a QR code with custom parameters
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)

Enfin, le code-barres Blazor généré est converti en une balise HTML puis en une chaîne qrCode.

Affichage sur la Page d'Accueil de l'Application Blazor Server

Ajoutez le code ci-dessous dans les composants HTML de la page "Index.razor", après le titre H4 pour afficher qrCode :

Ajoutez le code ci-dessous dans les composants HTML de la page "Index.razor", après l'en-tête H4 pour afficher qrCode :

@((MarkupString)qrCode)

@((MarkupString)qrCode)

Text

Enregistrer en tant que fichier PNG

Vous pouvez également l'enregistrer dans un fichier PNG en utilisant la méthode SaveAsPng :

// Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png");

// Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png");

' Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png")

' Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png")

Comment générer un code QR dans Blazor : Figure 7

Vous pouvez également créer un code QR au chargement de la page et l'afficher pour que les utilisateurs puissent le scanner pour obtenir des données.

Vous pouvez également créer un code QR au chargement de la page. Comment générer un code QR dans Blazor : Figure 8

@((MarkupString)qrCode)

@code {
    // Variable to hold the generated QR code HTML
    private string qrCode = "";

    // Method called when the page is initialized
    protected override async Task OnInitializedAsync()
    {
        // Asynchronously generate a QR code on page load
        await Task.Run(() =>
            qrCode = Convert.ToString(QRCodeWriter.CreateQrCode(
                "https://ironsoftware.com/csharp/barcode/", 
                500, 
                QRCodeWriter.QrErrorCorrectionLevel.High, 
                0).ToHtmlTag())
        );
    }
}

@((MarkupString)qrCode)

@code {
    // Variable to hold the generated QR code HTML
    private string qrCode = "";

    // Method called when the page is initialized
    protected override async Task OnInitializedAsync()
    {
        // Asynchronously generate a QR code on page load
        await Task.Run(() =>
            qrCode = Convert.ToString(QRCodeWriter.CreateQrCode(
                "https://ironsoftware.com/csharp/barcode/", 
                500, 
                QRCodeWriter.QrErrorCorrectionLevel.High, 
                0).ToHtmlTag())
        );
    }
}

Text

Comment générer un code QR dans Blazor : Figure 8

Résumé

IronBarcode est une bibliothèque flexible et fournit toutes les méthodes nécessaires ainsi que le support pour les applications Blazor. IronBarcode convertit facilement du texte brut, des images, des vidéos, ou d'autres données en codes QR.

Vous pouvez contrôler la taille du code, les niveaux de correction d'erreur et sa version. Vous pouvez contrôler la taille du code, les niveaux de correction d'erreur et sa version. Vous pouvez utiliser IronBarcode pour scanner des codes-barres dans des applications Blazor. Un exemple complet est ici.

IronBarcode est gratuit pour le développement mais doit être licencié pour des fins commerciales et de déploiement. Vous pouvez essayer la version d'essai gratuite pour tester toute sa fonctionnalité.

Curtis Chau

Discutez maintenant avec l'équipe d'ingénierie

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 et créer des manuels bien structurés et visuellement attrayants.

...