Comment générer un code QR dans Blazor

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

Vous pouvez obtenir votre clé de licence d'essai gratuite ici. Ajoutez les lignes de code suivantes au fichier Program.cs : ### Étapes pour générer un code QR

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"

Les étapes suivantes vous aideront à générer des codes QR de la meilleure façon possible dans une application Blazor Server :

Ajouter des Composants HTML de Blazor

Tout d'abord, nous allons ajouter du code HTML à la page "Index.razor".

Le code se compose de quelques titres, un champ de saisie et des 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>

La sortie est la suivante :

Le champ de texte est utilisé pour obtenir une saisie de la part de l'utilisateur, et le bouton générer appellera la méthode QRCodeGenerater pour créer un code QR.

Le code QR créé sera affiché sous le titre "Code QR généré :". Maintenant, créons la méthode QRCodeGenerater. #### Créer la Méthode QRCodeGenerater

Il est temps d'utiliser la puissante bibliothèque IronBarcode dans 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 : Dans le code ci-dessus, il y a deux variables de chaîne privées.

@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());
    }
}

qrCode affichera le code QR généré, et text obtiendra la saisie de l'utilisateur depuis le champ de saisie. Puis, dans la méthode QRCodeGenerater, 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 les mots de correction d'erreur pour maintenir le niveau de correction d'erreur et changer la QrVersion. Le code ci-dessous vous aide également à travailler avec d'autres paramètres : 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)

Obtenez plus de détails sur les fonctionnalités d'IronBarcode depuis 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 :

Enregistrer en tant que Fichier PNG

@((MarkupString)qrCode)

Vous pouvez également l'enregistrer en tant que 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")