Wie kann ich einen QR-Code in einer Blazor-Anwendung mit C# generieren?

Sie können einen QR-Code in einer Blazor-Anwendung generieren, indem Sie die IronBarcode-Bibliothek verwenden. Installieren Sie IronBarcode über NuGet oder laden Sie die DLL herunter und verwenden Sie dann die QRCodeGenerater -Methode, um Benutzereingaben in QR-Codes umzuwandeln.

Welche Schritte sind erforderlich, um eine QR-Code-Generierungsbibliothek in einer Blazor Server App zu installieren?

Um eine QR-Code-Generierungsbibliothek in einer Blazor Server App zu installieren, laden Sie IronBarcode über NuGet herunter, fügen Sie den Namespace @using IronBarCode in Ihre Imports.razor-Datei ein und richten Sie gegebenenfalls einen Lizenzschlüssel ein.

Wie kann ich QR-Codes in einem Blazor-Projekt anpassen?

IronBarcode ermöglicht die Anpassung von QR-Codes in einem Blazor-Projekt durch Änderung von Elementen wie Farbe, Rand und Größe. Verwenden Sie die Methoden von IronBarcode, um diese Eigenschaften bei der QR-Code-Erstellung anzupassen.

Welche Methode kann verwendet werden, um einen generierten QR-Code als Bilddatei zu speichern?

Verwenden Sie die SaveAsPng -Methode aus der IronBarcode-Bibliothek, um generierte QR-Codes als PNG-Bilddateien in Ihrer Blazor-Anwendung zu speichern.

Wie können QR-Codes in einer Blazor-Anwendung angezeigt werden?

QR-Codes können in einer Blazor-Anwendung angezeigt werden, indem sie in eine HTML-Tag-Zeichenfolge konvertiert und MarkupString verwendet werden, um den QR-Code auf der Seite darzustellen.

Ist es möglich, einen QR-Code zu generieren, wenn eine Blazor-Seite geladen wird?

Ja, Sie können einen QR-Code beim Laden einer Blazor-Seite generieren, indem Sie asynchrone Methoden im OnInitializedAsync -Lebenszyklusereignis nutzen.

Was sind die Lizenzanforderungen zur Nutzung einer QR-Code-Bibliothek in einer .NET-Anwendung?

IronBarcode ist kostenlos für die Entwicklung, erfordert jedoch eine kommerzielle Lizenz für den Einsatz. Eine Testlizenz ist zu Testzwecken verfügbar.

Kann IronBarcode mit verschiedenen .NET-Plattformen zur QR-Code-Erstellung verwendet werden?

Ja, IronBarcode ist mit einer Vielzahl von .NET-Plattformen kompatibel, einschließlich .NET 7, .NET 6, .NET 5, .NET Core 2x & 3x, .NET Standard 2 und .NET Framework 4.6.2+.

What is required to start developing with IronBarcode in a Blazor application?

To develop with IronBarcode in a Blazor application, you need to set up a Blazor server app, install Visual Studio or a similar IDE, add the IronBarcode library, and ensure you have a valid license key for the library.

Can IronBarcode be used to read existing QR codes in a Blazor application?

Yes, IronBarcode offers functionality to read QR codes as well as generate them, making it a versatile library for applications requiring both reading and creating QR codes.

Die C# Barcode-Bibliothek

Explore IronBarcode Gratis testen

Barcode Schnellstart

Alle Codebeispiele anzeigen

using IronBarCode;
using System.Drawing;

// Reading a barcode is easy with IronBarcode!
var resultFromFile = BarcodeReader.Read(@"file/barcode.png"); // From a file
var resultFromBitMap = BarcodeReader.Read(new Bitmap("barcode.bmp")); // From a bitmap
var resultFromImage = BarcodeReader.Read(Image.FromFile("barcode.jpg")); // From an image file
var resultFromPdf = BarcodeReader.ReadPdf(@"file/mydocument.pdf"); // From PDF use ReadPdf

// To configure and fine-tune barcode reading, utilize the BarcodeReaderOptions class
var myOptionsExample = new BarcodeReaderOptions
{
    // Choose a reading speed from: Faster, Balanced, Detailed, ExtremeDetail
    // There is a tradeoff in performance as more detail is set
    Speed = ReadingSpeed.Balanced,

    // Reader will stop scanning once a single barcode is found (if set to true)
    ExpectMultipleBarcodes = true,

    // By default, all barcode formats are scanned for
    // Specifying a subset of barcode types to search for would improve performance
    ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional,

    // Utilize multiple threads to read barcodes from multiple images in parallel
    Multithreaded = true,

    // Maximum threads for parallelized barcode reading
    // Default is 4
    MaxParallelThreads = 2,

    // The area of each image frame in which to scan for barcodes
    // Specifying a crop area will significantly improve performance and avoid noisy parts of the image
    CropArea = new Rectangle(),

    // Special setting for Code39 barcodes
    // If a Code39 barcode is detected, try to read with both the base and extended ASCII character sets
    UseCode39ExtendedMode = true
};

// Read with the options applied
var results = BarcodeReader.Read("barcode.png", myOptionsExample);

// Create a barcode with one line of code
var myBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8);

// After creating a barcode, we may choose to resize
myBarcode.ResizeTo(400, 100);

// Save our newly-created barcode as an image
myBarcode.SaveAsImage("EAN8.jpeg");

// Get the barcode as an image for further processing
var myBarcodeImage = myBarcode.Image;

using IronBarCode;
using System.Drawing;

// Reading a barcode is easy with IronBarcode!
var resultFromFile = BarcodeReader.Read(@"file/barcode.png"); // From a file
var resultFromBitMap = BarcodeReader.Read(new Bitmap("barcode.bmp")); // From a bitmap
var resultFromImage = BarcodeReader.Read(Image.FromFile("barcode.jpg")); // From an image file
var resultFromPdf = BarcodeReader.ReadPdf(@"file/mydocument.pdf"); // From PDF use ReadPdf

// To configure and fine-tune barcode reading, utilize the BarcodeReaderOptions class
var myOptionsExample = new BarcodeReaderOptions
{
    // Choose a reading speed from: Faster, Balanced, Detailed, ExtremeDetail
    // There is a tradeoff in performance as more detail is set
    Speed = ReadingSpeed.Balanced,

    // Reader will stop scanning once a single barcode is found (if set to true)
    ExpectMultipleBarcodes = true,

    // By default, all barcode formats are scanned for
    // Specifying a subset of barcode types to search for would improve performance
    ExpectBarcodeTypes = BarcodeEncoding.AllOneDimensional,

    // Utilize multiple threads to read barcodes from multiple images in parallel
    Multithreaded = true,

    // Maximum threads for parallelized barcode reading
    // Default is 4
    MaxParallelThreads = 2,

    // The area of each image frame in which to scan for barcodes
    // Specifying a crop area will significantly improve performance and avoid noisy parts of the image
    CropArea = new Rectangle(),

    // Special setting for Code39 barcodes
    // If a Code39 barcode is detected, try to read with both the base and extended ASCII character sets
    UseCode39ExtendedMode = true
};

// Read with the options applied
var results = BarcodeReader.Read("barcode.png", myOptionsExample);

// Create a barcode with one line of code
var myBarcode = BarcodeWriter.CreateBarcode("12345", BarcodeWriterEncoding.EAN8);

// After creating a barcode, we may choose to resize
myBarcode.ResizeTo(400, 100);

// Save our newly-created barcode as an image
myBarcode.SaveAsImage("EAN8.jpeg");

// Get the barcode as an image for further processing
var myBarcodeImage = myBarcode.Image;

PM >Install-Package BarCode

Install-Package BarCode

IRONBARCODE VERWENDEN

Wie man QR-Code in Blazor generiert

Curtis Chau

Updated: 21. April 2026

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

Wie man QR-Code in Blazor generiert

Herunterladen einer C#-Bibliothek zur Erzeugung von QR-Codes in Blazor
Verwenden Sie die Methode CreateQrCode, um einen QR-Code zu erstellen
Konvertieren Sie den generierten QR-Code in eine HTML-Tag-Zeichenfolge
Übergeben Sie die Informationen an MarkupString in der Razor-Datei
Verwenden Sie die Methode SaveAsPng, um den generierten QR-Code als PNG-Bild zu speichern

IronBarcode - C#

IronBarcode ist eine C#-Barcode- und QR-Code-Bibliothek, die es Ihnen ermöglicht, Barcodes und QR-Codes einfach in jeder .NET C#-Anwendung zu lesen und zu erzeugen. Es priorisiert Geschwindigkeit, Genauigkeit und Benutzerfreundlichkeit für C#

IronBarcode ist eine benutzerfreundliche Bibliothek, die Entwicklern ermöglicht, QR-Codes in C#-Projekten einfach hinzuzufügen, zu lesen und zu gestalten, oft innerhalb von Minuten. Es ermöglicht Entwicklern, QR-Codes in Formaten wie Aztec, Data Matrix, MaxiCode zu erstellen. Verschiedene Barcode-Typen sind mit IronBarcode verfügbar, z. B. Code 39, Code 128, RSS14, usw.

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

.NET 7, 6 & 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-Web-Apps in C# zu erstellen, benötigen wir folgende Komponenten:

Visual Studio - Eine integrierte Entwicklungsumgebung (IDE), die für die C#-Entwicklung verwendet wird. Es kann von der Visual Studio-Website heruntergeladen werden. Oder Sie können eine andere IDE verwenden, die C# unterstützt
Blazor Server App: Die Erstellung einer Blazor Server-App ist die Hauptaufgabe. Befolgen Sie die unten angegebenen Schritte, um eine Blazor-Server-Webanwendung zu erstellen.
- Öffnen Sie Ihre IDE oder Visual Studio. Klicken Sie auf Neues Projekt erstellen.

Wie man QR-Codes in Blazor erstellt: Abbildung 1

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

Wie man QR-Codes in Blazor erstellt: Abbildung 2

Als Nächstes legen Sie den Speicherort fest und benennen Ihr Projekt.

Wie man QR-Codes in Blazor erstellt: Abbildung 3

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

Wie man QR-Codes in Blazor erstellt: Abbildung 4

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

Laden Sie IronBarcode direkt von der NuGet-Website herunter.
- Installation über Verwalten von NuGet-Paketen für Lösungen in Visual Studio-Tools oder klicken Sie mit der rechten Maustaste im Projektmappen-Explorer, um den NuGet-Paket-Manager auszuwählen.
Laden Sie IronBarcode DLL direkt von der Iron Software-Website herunter.

Hinzufügen des IronBarcode-Namespace

Sobald alles installiert und bereit ist, fügen Sie Ihrem Blazor Barcode-Anwendungs-"Imports.razor"-Datei folgenden Assembly-Verweis hinzu:

@using IronBarCode

@using IronBarCode

Text

Wie man QR-Codes in Blazor erstellt: Abbildung 5

Lizenzschlüssel hinzufügen

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

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"

Imports IronBarCode

' Set the license key for IronBarcode here.
License.LicenseKey = "YOUR-KEY-HERE"

Schritte zur QR-Code-Erstellung

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

Hinzufügen von Blazor HTML-Komponenten

Zuerst werden wir etwas HTML-Code zur "Index.razor"-Seite hinzufügen. Der Code besteht aus einigen Überschriften, einem Eingabefeld und Schaltflächen.

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

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

HTML

Das Ergebnis ist wie folgt:

Wie man QR-Codes in Blazor erstellt: Abbildung 6

Das Textfeld wird verwendet, um Eingaben vom Benutzer zu erhalten, und der Generierungsknopf ruft die QRCodeGenerater-Methode auf, um einen QR-Code zu erstellen. Der erstellte QR-Code wird unter der Überschrift "Generierter QR-Code:" angezeigt. Nun, lassen Sie uns die QRCodeGenerater-Methode erstellen.

Erstellen Sie die `QRCodeGenerater`-Methode

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

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

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

Text

Im obigen Code gibt es zwei private String-Variablen. qrCode zeigt den generierten QR-Code an, und text erhält die Benutzereingabe aus dem Eingabefeld. Dann wird in der QRCodeGenerater-Methode myQRCode mit der Methode CreateQrCode der QRCodeWriter-Klasse erstellt. Die CreateQrCode-Methode bietet mehrere Parameter, um die Codeausgabe zu verbessern. Sie können die Größe des QR-Codes anpassen, Fehlerkorrektur-Codewörter festlegen, um das Fehlerkorrekturniveau zu halten, und die QrVersion ändern. Der untenstehende Code hilft Ihnen dabei, auch mit anderen Parametern zu arbeiten:

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

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

Schließlich wird der generierte Blazor-Barcode in ein HTML-Tag und dann in eine qrCode-Zeichenfolge konvertiert.

Erfahren Sie mehr über die Funktionen von IronBarcode auf dieser Code-Beispiel-Seite.

Anzeige auf der Startseite der Blazor Server-Anwendung

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

@((MarkupString)qrCode)

@((MarkupString)qrCode)

Text

Als PNG-Datei speichern

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

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

' Save the generated QR code as a PNG file
myQRCode.SaveAsPng("myQRCode.png")

Wie man QR-Codes in Blazor erstellt: Abbildung 7

QR-Code beim Laden der Seite generieren

Sie können auch einen QR-Code beim Laden der Seite erstellen und ihn den Benutzern zum Scannen der Daten anzeigen. Der folgende Code hilft Ihnen, diese Aufgabe asynchron zu erreichen:

@((MarkupString)qrCode)

@code {
    // Variable to hold the generated QR code HTML
    private string qrCode = "";

    // Method called when the page is initialized
    protected override async Task OnInitializedAsync()
    {
        // Asynchronously generate a QR code on page load
        await Task.Run(() =>
            qrCode = Convert.ToString(QRCodeWriter.CreateQrCode(
                "https://ironsoftware.com/csharp/barcode/", 
                500, 
                QRCodeWriter.QrErrorCorrectionLevel.High, 
                0).ToHtmlTag())
        );
    }
}

@((MarkupString)qrCode)

@code {
    // Variable to hold the generated QR code HTML
    private string qrCode = "";

    // Method called when the page is initialized
    protected override async Task OnInitializedAsync()
    {
        // Asynchronously generate a QR code on page load
        await Task.Run(() =>
            qrCode = Convert.ToString(QRCodeWriter.CreateQrCode(
                "https://ironsoftware.com/csharp/barcode/", 
                500, 
                QRCodeWriter.QrErrorCorrectionLevel.High, 
                0).ToHtmlTag())
        );
    }
}

Text

Wie man QR-Codes in Blazor erstellt: Abbildung 8

Zusammenfassung

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

IronBarcode konvertiert einfach Klartext, Bilder, Videos oder andere Daten zu QR-Codes. Sie können die Codegröße, die Fehlerkorrekturniveaus und dessen Version steuern. Sie können IronBarcode verwenden, um Barcodes in Blazor-Anwendungen zu scannen. Ein vollständiges Beispiel finden Sie hier.

IronBarcode ist kostenlos für die Entwicklung, muss aber für kommerzielle und Bereitstellungszwecke lizenziert werden. Sie können den kostenlosen Test ausprobieren, um alle Funktionen zu testen.

Curtis Chau

Jetzt mit dem Ingenieurteam chatten

Technischer Autor

Curtis Chau hat einen Bachelor-Abschluss in Informatik von der Carleton University und ist spezialisiert auf Frontend-Entwicklung mit Expertise in Node.js, TypeScript, JavaScript und React. Leidenschaftlich widmet er sich der Erstellung intuitiver und ästhetisch ansprechender Benutzerschnittstellen und arbeitet gerne mit modernen Frameworks sowie der Erstellung gut strukturierter, optisch ansprechender Handbücher.

...