UTILISATION D'IRONBARCODE

Comment générer un code QR dans Blazor

Jordi Bardia
Jordi Bardia
juin 6, 2023
Partager:

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

IronBarcode - C&num ;

IronBarcode est une bibliothèque de code-barres et QR code en C# qui vous permet de lire et de générer facilement des codes-barres et des QR codes dans n'importe quelle application .NET C#. Il donne la priorité à la rapidité, à la précision et à la facilité d'utilisation du 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 le Code 39, le Code 128, le RSS14, etc.

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

  • .NET 7, 6 & 5
  • .NET Core 2x & 3x
  • standard .NET 2
  • framework .NET 4.6.2+

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

Conditions préalables

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

  1. Visual Studio - C'est un Environnement de Développement Intégré (IDE) utilisé pour le développement en C#. Il peut être téléchargé depuis le site Web de Visual Studio. Vous pouvez également utiliser n'importe quel autre IDE compatible avec C# ;

  2. Application Blazor Server : La création d'une application Blazor Server est la tâche principale. Suivez les étapes ci-dessous pour créer une application web sur le serveur Blazor.

    • 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 donnez un nom à votre projet.

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

    • Ensuite, définissez les informations complémentaires pour votre projet. Sélectionnez une version appropriée du Framework .NET. IronBarcode est compatible avec les versions 2 à 7 de .NET, .NET 7 étant la plus récente.

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

  3. IronBarcode - La bibliothèque de codes QR et de codes-barres .NET qui aide à générer et à lire différents types de codes-barres. Voici les différentes manières d'installer IronBarcode :

  4. Téléchargez directement IronBarcode depuis le site web de NuGet.

  5. Installer via Gérer les paquets NuGet pour la solution dans les outils Visual Studio ou en cliquant avec le bouton droit de la souris sur l'explorateur de solutions pour choisir NuGet Package Manager.

  6. Téléchargez IronBarcode DLL directement depuis le site web de 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 au fichier "Imports.razor" de votre application de code-barres Blazor :

@using IronBarCode
@using IronBarCode
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'@using IronBarCode
$vbLabelText   $csharpLabel

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

Ajouter une clé de licence

IronBarcode doit faire l'objet d'une licence pour être utilisé dans le cadre d'un déploiement. Vous pouvez obtenir votre clé de licence d'essai gratuite depuis ici. Ajoutez les lignes de code suivantes au fichier Program.cs :

using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";
using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";
Imports IronBarCode
License.LicenseKey = "YOUR-KEY-HERE"
$vbLabelText   $csharpLabel

Etapes 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 une application Blazor Server :

Ajout de composants HTML Blazor

Tout d'abord, nous allons ajouter du code HTML à la page "Index.razor". Le code se compose de quelques titres, d'un champ de saisie et de boutons.

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

Welcome to Blazor QR Code Generator
Enter the value to Generate QR Code:

Generate QR Code
Generated QR Code:
Welcome to Blazor QR Code Generator
Enter the value to Generate QR Code:

Generate QR Code
Generated QR Code:
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'Welcome @to Blazor QR Code Generator Enter the value @to Generate QR Code: Generate QR Code Generated QR Code:
$vbLabelText   $csharpLabel

Le résultat est le suivant :

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

Le champ de texte est utilisé pour obtenir une entrée de l'utilisateur, et le bouton de génération appellera la méthode onclick pour créer un code QR. Le code QR créé s'affiche sous la rubrique "Code QR généré :". Maintenant, créons la méthode QRCodeGenerater.

Créer la méthode QrCodeGenerator

Il est temps d'utiliser la puissante bibliothèque IronBarcode de Visual Studio pour générer des codes QR. La section @code est ajoutée à la page "Index.razor". Voyons d'abord le code complet ci-dessous :

@code {
    private string qrCode = "";
    private string text = "";

    private void QRCodeGenerator()
    {
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}
@code {
    private string qrCode = "";
    private string text = "";

    private void QRCodeGenerator()
    {
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}
code
If True Then
	private String qrCode = ""
	private String text = ""

'INSTANT VB TODO TASK: Local functions are not converted by Instant VB:
'	private void QRCodeGenerator()
'	{
'		GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
'		qrCode = Convert.ToString(myQRCode.ToHtmlTag());
'	}
End If
$vbLabelText   $csharpLabel

Dans le code ci-dessus, il y a deux variables de type chaîne privée. qrCode affichera le code QR généré, et le texte saisira l'entrée utilisateur depuis le champ de saisie. Ensuite, dans la méthode QRCodeGenerator, myQRCode est créé en utilisant la méthode CreateQrCode de la classe QRCodeWriter. La méthode CreateQrCode offre plusieurs paramètres pour améliorer la sortie du code. Vous pouvez personnaliser la taille du code QR, définir les mots de code de correction d'erreurs pour maintenir le niveau de correction d'erreurs et changer le QrVersion. Le code ci-dessous vous permet également de travailler avec d'autres paramètres :

QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)
QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)
$vbLabelText   $csharpLabel

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

Obtenez plus de détails sur les fonctionnalités d'IronBarcode à partir de cette page d'exemples de code.

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 :

@((MarkupString)qrCode)
@((MarkupString)qrCode)
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'@((MarkupString)qrCode)
$vbLabelText   $csharpLabel

Enregistrer en fichier PNG

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

myQRCode.SaveAsPng("myQRCode.png");
myQRCode.SaveAsPng("myQRCode.png");
myQRCode.SaveAsPng("myQRCode.png")
$vbLabelText   $csharpLabel

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

Générer un code QR au chargement de la page

Vous pouvez également créer un code QR au chargement de la page et l'afficher pour que les utilisateurs le scannent afin d'obtenir des données. Le code suivant vous aide à réaliser cette tâche de manière asynchrone :

@((MarkupString)qrCode)

@code {
    private string qrCode = "";
    protected override async Task OnInitializedAsync()
    {
        await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
    }
}
@((MarkupString)qrCode)

@code {
    private string qrCode = "";
    protected override async Task OnInitializedAsync()
    {
        await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
    }
}
'INSTANT VB WARNING: The following constructor is declared outside of its associated class:
'ORIGINAL LINE: @((MarkupString)qrCode) @code
Private Sub New(ByVal qrCode As (MarkupString))
	private String qrCode = ""
'INSTANT VB TODO TASK: Local functions are not converted by Instant VB:
'	protected override async Task OnInitializedAsync()
'	{
'		await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
'	}
End Sub
$vbLabelText   $csharpLabel

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

Résumé

Dans cet article, nous avons appris à générer des codes QR dans une application Blazor Server en utilisant IronBarcode en C#. IronBarcode est une bibliothèque flexible qui fournit toutes les méthodes et le support nécessaires aux applications Blazor.

IronBarcode convertit facilement du texte simple, des images, des vidéos ou toute autre donnée en codes QR. 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 les applications Blazor. Un exemple complet est ici.

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

Jordi Bardia
Ingénieur logiciel
Jordi maîtrise parfaitement Python, C# et C++. Lorsqu'il ne met pas à profit ses compétences chez Iron Software, il se consacre à la programmation de jeux. Partageant des responsabilités en matière de tests de produits, de développement de produits et de recherche, Jordi apporte une valeur ajoutée considérable à l'amélioration continue des produits. Cette expérience variée le stimule et l'engage, et il dit que c'est l'un des aspects qu'il préfère dans son travail chez Iron Software. Jordi a grandi à Miami, en Floride, et a étudié l'informatique et les statistiques à l'université de Floride.
< PRÉCÉDENT
Comment générer des codes QR dans ASP.NET MVC
SUIVANT >
Comment générer un code QR dans .NET MAUI