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, die es Ihnen ermöglicht, Barcodes und QR-Codes einfach in jeder .NET C# Anwendung zu lesen und zu erzeugen. 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 - eine integrierte Entwicklungsumgebung(IDE) für die C#-Entwicklung verwendet. Sie kann heruntergeladen werden von derVisual Studio-Website. Sie können auch jede andere IDE verwenden, die C# unterstützt;

2. Blazor Server App: Die Erstellung der 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. Nachfolgend finden Sie die verschiedenen Möglichkeiten, IronBarcode zu installieren:

4. Direktes Herunterladen von IronBarcode von derNuGet-Website.

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. IronBarcode herunterladenDLL direkt von der Iron Software Website.

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 erhalten vonhier. 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 sind hilfreichqR-Codes erzeugen in der Blazor Server-Anwendung bestmöglich zu nutzen:

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 "Generieren" ruft die Methode "onclick" auf, um einen QR-Code zu erstellen. Der erstellte QR-Code wird unter der Überschrift "Erstellter QR-Code:" angezeigt. Lassen Sie uns nun die Methode "QRCodeGenerater" erstellen.

Erstellen der Methode QrCodeGenerator

Es ist an der Zeit, die leistungsstarke IronBarcode-Bibliothek in Visual Studio zu verwenden, um QR-Codes zu erzeugen. Der Abschnitt "@code" wurde zur Seite "Index.razor" 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" zeigt den generierten QR-Code an, und "text" erhält die Benutzereingabe aus dem Eingabefeld. In der Methode QRCodeGenerator wird dann myQRCode mit der Methode CreateQrCode der Klasse QRCodeWriter erstellt. Die Methode CreateQrCode bietet mehrere Parameter, um die Codeausgabe zu verbessern. Sie können die Größe des QR-Codes anpassen, Fehlerkorrektur-Codewörter festlegen, um die Fehlerkorrekturstufe zu erhalten, 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 generierte Blazor-Barcode in ein HTML-Tag und dann in eine "qrCode"-String umgewandelt.

Weitere Einzelheiten zu den Funktionen von IronBarcode finden Sie hiercode-Beispiele Seite.

Anzeige auf der Startseite der Blazor Server Anwendung

Fügen Sie den nachstehenden Code in die HTML-Komponenten 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 als PNG-Datei speichern, indem Sie die Methode "SaveAsPng" verwenden:

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

IronBarcode ist für Entwickler kostenlos, muss aberlizenziert für kommerzielle und Einsatzzwecke. Sie können diekostenloser Test um alle seine Funktionen zu testen.