Wie man einen QR-Code in Blazor erzeugt

Dieser Artikel zeigt, wie Entwickler die IronBarcode-Bibliothek verwenden können, um QR-Codes in C#-Projekten zu erstellen.

IronBarcode - C#

IronBarcode ist eine C# Barcode & QR-Code-Bibliothek, mit der Sie Barcodes und QR-Codes einfach in jeder .NET C# Anwendung lesen und erzeugen können. Dabei stehen Geschwindigkeit, Genauigkeit und Benutzerfreundlichkeit für C&num im Vordergrund;

IronBarcode ist eine benutzerfreundliche Bibliothek, die es Entwicklern ermöglicht, QR-Codes in C#-Projekten einfach hinzuzufügen, zu lesen und zu gestalten, in der Regel innerhalb von Minuten. Es ermöglicht Entwicklern, QR-Codes in Formaten wie Aztec, Data Matrix, MaxiCode zu erstellen. Mit IronBarcode stehen verschiedene Barcodetypen zur Verfügung, z.B. Code 39, Code 128, RSS14, etc.

IronBarcode ist mit allen Sprachen des .NET-Frameworks kompatibel, d.h. mit C#, F# und VB.NET. Es unterstützt alle unten aufgeführten .NET-Plattformen:

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

Wie generiert man einen QR-Code in einer Blazor Server Anwendung?

Voraussetzungen

Um QR-Codes in Blazor-Webanwendungen in C# zu erstellen, benötigen wir die folgenden Komponenten:

1. Visual Studio - Es ist eine Integrierte Entwicklungsumgebung (IDE), die für die C#-Entwicklung verwendet wird. Es kann von der Visual Studio-Website heruntergeladen werden. Sie können auch jede andere IDE verwenden, die C# unterstützt;

2. Blazor Server App: Das Erstellen einer Blazor Server-App ist die Hauptaufgabe. Folgen Sie den unten angegebenen Schritten, um eine Blazor-Server-Webanwendung zu erstellen.

   • Öffnen Sie Ihre IDE oder Visual Studio. Klicken Sie auf Ein neues Projekt erstellen.

   

   • Wählen Sie Blazor Server App aus den verfügbaren Projektoptionen.

   

   • Legen Sie dann den Speicherort fest und benennen Sie Ihr Projekt.

   

   • Legen Sie dann die zusätzlichen Informationen für Ihr Projekt fest. Wählen Sie eine geeignete .NET-Framework-Version. IronBarcode unterstützt die .NET-Versionen 2 bis 7, wobei .NET 7 die neueste ist.

   

3. IronBarcode - Die .NET-QR-Code- und Barcode-Bibliothek, die hilft, verschiedene Barcode-Typen zu erzeugen und zu lesen. Im Folgenden sind die verschiedenen Möglichkeiten zur Installation von IronBarcode aufgeführt:

4. IronBarcode direkt von der NuGet-Website herunterladen.

5. Installieren Sie über NuGet-Pakete für die Lösung in den Visual Studio-Tools verwalten oder klicken Sie mit der rechten Maustaste auf den Lösungsexplorer und wählen Sie NuGet Package Manager.

6. Laden Sie IronBarcode DLL direkt von der Iron Software-Website herunter.

Hinzufügen des IronBarcode-Namensraumes

Sobald alles installiert und bereit ist, fügen Sie die folgende Assembly-Referenz in die Datei "Imports.razor" Ihrer Blazor-Barcode-Anwendung ein:

@using IronBarCode

@using IronBarCode

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

Lizenzschlüssel hinzufügen

IronBarcode muss lizenziert werden, um für den Einsatz verwendet werden zu können. Sie können Ihren kostenlosen Testlizenzschlüssel von hier erhalten. Fügen Sie die folgenden Codezeilen zur Datei Program.cs hinzu:

using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";

using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";

Imports IronBarCode
License.LicenseKey = "YOUR-KEY-HERE"

Schritte zum Generieren eines QR-Codes

Die folgenden Schritte helfen dabei, QR-Codes zu erzeugen auf die bestmögliche Weise in einer Blazor Server-Anwendung:

Hinzufügen von Blazor HTML-Komponenten

Zunächst fügen wir der Seite "Index.razor" etwas HTML-Code hinzu. Der Code besteht aus einigen Überschriften, einem Eingabefeld und Schaltflächen.

Verwenden Sie den unten stehenden Code, um die Komponenten zur Blazor Barcode-App hinzuzufügen:

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:

Die Ausgabe lautet wie folgt:

Das Textfeld wird verwendet, um Eingaben vom Benutzer zu erhalten, und die Schaltfläche zum Generieren ruft die onclick-Methode auf, um einen QR-Code zu erstellen. Der erstellte QR-Code wird unter der Überschrift "Erstellter QR-Code:" angezeigt. Nun erstellen wir die QRCodeGenerater-Methode.

Erstellen Sie die QrCodeGenerator-Methode

Es ist an der Zeit, die leistungsstarke IronBarcode-Bibliothek in Visual Studio zu verwenden, um QR-Codes zu erzeugen. Der @code-Abschnitt wird zur "Index.razor"-Seite hinzugefügt. Schauen wir uns zunächst den vollständigen Code an:

@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

In dem obigen Code gibt es zwei private String-Variablen. qrCode wird den generierten QR-Code anzeigen, und der Text wird die Benutzereingabe aus dem Eingabefeld aufnehmen. Dann wird in der QRCodeGenerator-Methode myQRCode mithilfe der CreateQrCode-Methode der QRCodeWriter-Klasse erstellt. Die Methode CreateQrCode bietet mehrere Parameter, um die Codeausgabe zu verbessern. Sie können die Größe des QR-Codes anpassen, Fehlerkorrekturcodewörter festlegen, um das Fehlerkorrekturniveau zu halten, und die QrVersion ändern. Der folgende Code hilft Ihnen, auch mit anderen Parametern zu arbeiten:

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)

Schließlich wird der erzeugte Blazor-Barcode in ein HTML-Tag konvertiert und dann in einen qrCode-String umgewandelt.

Erfahren Sie mehr über die Funktionen von IronBarcode auf dieser Codebeispielseite.

Anzeige auf der Startseite der Blazor Server Anwendung

Fügen Sie den untenstehenden Code in HTML-Komponenten auf der Seite "Index.razor" nach der H4-Überschrift ein, um qrCode anzuzeigen:

@((MarkupString)qrCode)

@((MarkupString)qrCode)

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

Als PNG-Datei speichern

Sie können es auch mit der SaveAsPng-Methode in einer PNG-Datei speichern:

myQRCode.SaveAsPng("myQRCode.png");

myQRCode.SaveAsPng("myQRCode.png");

myQRCode.SaveAsPng("myQRCode.png")

QR-Code beim Laden der Seite generieren

Sie können auch einen QR-Code beim Laden der Seite erstellen und ihn den Nutzern zum Scannen der Daten anzeigen. Mit dem folgenden Code können Sie diese Aufgabe asynchron erledigen:

@((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

Zusammenfassung

In diesem Artikel haben wir gelernt, wie man QR-Codes in Blazor Server-Anwendung mit IronBarcode in C# zu generieren. IronBarcode ist eine flexible Bibliothek und bietet alle notwendigen Methoden und Unterstützung für Blazor-Anwendungen.

IronBarcode konvertiert einfachen Text, Bilder, Videos oder beliebige andere Daten in QR-Codes. Sie können die Codegröße, die Fehlerkorrekturstufen und die Version kontrollieren. Sie können IronBarcode verwenden, um Barcodes in Blazor-Anwendungen zu scannen. Ein vollständiges Beispiel ist hier.

IronBarcode ist für die Entwicklung kostenlos, muss jedoch für kommerzielle und Einsatzzwecke lizenziert werden. Sie können die kostenlose Testversion ausprobieren, um alle Funktionen zu testen.