Comment générer un code QR dans Blazor

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 codes-barres et de codes QR en C# qui vous permet de lire et de générer facilement des codes-barres et des codes QR dans n'importe quelle application C# .NET. 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 - Il s'agit d'un environnement de développement intégré (L'IDE) utilisé pour le développement de C#. Il peut être téléchargé à partir du site Site web de Visual Studio. Vous pouvez également utiliser n'importe quel autre IDE compatible avec C# ;

2. Application Blazor Server: La création de l'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.

     

   • Choisissez Blazor Server App parmi les options de projet disponibles.

     

   • Ensuite, définissez l'emplacement et donnez un nom à votre projet.

     

   • 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.

     

3. IronBarcode - La bibliothèque de codes QR et de codes-barres .NET qui permet de générer et de lire différents types de codes-barres. Voici les différentes façons d'installer IronBarcode :

4. Téléchargement direct d'IronBarcode à partir de l'adresse suivante 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écharger IronBarcode DLL directement à partir du 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 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

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 à l'adresse suivante 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"

Etapes pour générer un code QR

Les étapes suivantes vous aideront générer des codes QR de la meilleure façon possible dans l'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:

Le résultat est le suivant :

Le champ de texte est utilisé pour recueillir les données de l'utilisateur, et le bouton de génération appelle 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 (générateur de code Qr)

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

Dans le code ci-dessus, il y a deux variables de type chaîne privée. qrCode affiche le code QR généré, et text récupère les données saisies par l'utilisateur dans 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 fournit plusieurs paramètres pour améliorer la sortie du code. Vous pouvez personnaliser la taille du code QR, définir des mots de code de correction d'erreur pour maintenir le niveau de correction d'erreur et modifier la 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)

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

Pour en savoir plus sur les caractéristiques d'IronBarcode, consultez le site suivant 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)

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")

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

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. Voici un exemple complet ici.

IronBarcode est gratuit pour le développement mais doit être sous licence à des fins commerciales et de déploiement. Vous pouvez essayer le essai gratuit pour tester toutes ses fonctionnalités.