Jak mogę wygenerować kod QR w aplikacji Blazor używając C#?

Możesz wygenerować kod QR w aplikacji Blazor, używając biblioteki IronBarcode. Zainstaluj IronBarcode przez NuGet lub pobierz plik DLL, a następnie użyj metody QRCodeGenerater , aby przekształcić dane wejściowe użytkownika w kody QR.

Jakie są kroki instalacji biblioteki generowania kodów QR w aplikacji Blazor Server App?

Aby zainstalować bibliotekę generowania kodów QR w aplikacji Blazor Server App, pobierz IronBarcode z NuGet, dodaj przestrzeń nazw @using IronBarCode w pliku Imports.razor i skonfiguruj klucz licencyjny, jeśli to konieczne.

Jak mogę dostosować kody QR generowane w projekcie Blazor?

IronBarcode pozwala na dostosowanie kodów QR w projekcie Blazor poprzez modyfikację elementów, takich jak kolor, margines i rozmiar. Używaj metod IronBarcode do dostosowywania tych właściwości podczas generowania kodów QR.

Jaka metoda może być użyta do zapisania wygenerowanego kodu QR jako pliku graficznego?

Użyj metody SaveAsPng z biblioteki IronBarcode, aby zapisać wygenerowane kody QR jako pliki graficzne PNG w twojej aplikacji Blazor.

Jak można wyświetlać kody QR w aplikacji Blazor?

Kody QR można wyświetlać w aplikacji Blazor, przekształcając je w ciąg znaków znacznika HTML i używając MarkupString do renderowania kodu QR na stronie.

Czy możliwe jest generowanie kodu QR podczas ładowania strony Blazor?

Tak, możesz wygenerować kod QR podczas ładowania strony Blazor, korzystając z asynchronicznych metod w zdarzeniu cyklu życia OnInitializedAsync .

Jakie są wymagania licencyjne dotyczące używania biblioteki generowania kodów QR w aplikacji .NET?

IronBarcode jest bezpłatny do celów rozwojowych, ale wymaga licencji komercyjnej do wdrożenia. Licencja próbna jest dostępna do celów testowych.

Czy można użyć IronBarcode z różnymi platformami .NET do generowania kodów QR?

Tak, IronBarcode jest kompatybilny z szerokim zakresem platform .NET, w tym .NET 7, .NET 6, .NET 5, .NET Core 2x i 3x, .NET Standard 2 i .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.

Biblioteka kodów kreskowych dla C#

Explore IronBarCode Bezpłatna próba

Szybki start z kodem kreskowym

Zobacz wszystkie przykłady kodu %s

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

KORZYSTANIE Z IRONBARCODE

Jak generować kod QR w Blazor

Curtis Chau

Updated: 21 kwietnia 2026

Ten artykuł pokazuje, jak deweloperzy mogą używać biblioteki IronBarcode do tworzenia kodów QR w projektach C#.

Jak generować kod QR w Blazor

Pobierz bibliotekę C# do generowania kodów QR w Blazorze
Użyj metody CreateQrCode, aby stworzyć kod QR
Przekształć wygenerowany kod QR w ciąg znaków znacznika HTML
Przekaż informacje do MarkupString w pliku razor
Użyj metody SaveAsPng, aby zapisać wygenerowany kod QR jako obraz PNG

IronBarcode - C#

IronBarcode to biblioteka kodów kreskowych i kodów QR dla C#, która pozwala łatwo czytać i generować kody kreskowe oraz kody QR w dowolnych aplikacjach .NET C#. Priorytetyzuje szybkość, dokładność i łatwość użycia dla C#

IronBarcode to przyjazna dla użytkownika biblioteka, która pozwala programistom łatwo dodawać, odczytywać i stylizować kody QR w projektach C#, zazwyczaj w ciągu kilku minut. Umożliwia programistom tworzenie kodów QR w formatach, takich jak Aztec, Data Matrix, MaxiCode. Dostępne są różne typy kodów kreskowych korzystając z IronBarcode, np. Code 39, Code 128, RSS14, itp.

IronBarcode jest kompatybilny ze wszystkimi językami .NET Framework, tj. C#, F# i VB.NET. Obsługuje wszystkie wymienione poniżej platformy .NET:

.NET 7, 6 i 5
.NET Core 2x i 3x .NET Standard 2 .NET Framework 4.6.2+

Jak wygenerować kod QR w aplikacji serwera Blazor?

Wymagania wstępne

Aby tworzyć kody QR w aplikacjach webowych Blazor w C#, potrzebujemy następujących składników:

Visual Studio - Jest to zintegrowane środowisko programistyczne (IDE) używane do rozwoju C#. Można je pobrać ze strony internetowej Visual Studio. Lub możesz użyć dowolnego innego IDE obsługiwanego dla C#
Aplikacja serwera Blazor: Stworzenie aplikacji serwera Blazor jest głównym zadaniem. Postępuj według kroków podanych poniżej, aby stworzyć aplikację webową serwera Blazor.

Otwórz swoje IDE lub Visual Studio. Kliknij Utwórz nowy projekt.

Jak wygenerować kod QR w Blazor: Rysunek 1

Wybierz Aplikację serwera Blazor z dostępnych opcji projektów.

Jak wygenerować kod QR w Blazor: Rysunek 2

Następnie ustaw lokalizację i nazwij swój projekt.

Jak wygenerować kod QR w Blazor: Rysunek 3

Następnie ustaw dodatkowe informacje dla swojego projektu. Wybierz odpowiednią Wersję .NET Framework. IronBarcode obsługuje wersje .NET od 2 do 7, przy czym .NET 7 jest najnowszą.

Jak wygenerować kod QR w Blazor: Rysunek 4

IronBarcode - Biblioteka kodów QR i kodów kreskowych .NET, która pomaga generować i czytać różne typy kodów kreskowych. Poniżej znajdują się różne sposoby instalacji IronBarcode:

Bezpośrednie pobranie IronBarcode ze strony NuGet.
Instalacja przez Menedżera Pakietów NuGet w narzędziach Visual Studio lub wybierz Menedżera Pakietów NuGet z poziomu eksploratora rozwiązań.
Pobranie bezpośrednio z witryny Iron Software DLL IronBarcode.

Dodawanie Namespace IronBarcode

Gdy wszystko jest zainstalowane i gotowe do użycia, dodaj następujący odnośnik do swojego pliku "Imports.razor" aplikacji Blazor kodu kreskowego:

@using IronBarCode

@using IronBarCode

Text

Jak wygenerować kod QR w Blazor: Rysunek 5

Dodaj klucz licencyjny

IronBarcode musi być licencjonowany do użycia w wdrożeniach. Możesz otrzymać klucz darmowej licencji próbnej tutaj. Dodaj następujące linie kodu do pliku Program.cs:

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"

Kroki generacji kodu QR

Poniższe kroki pomogą wygenerować kody QR w najlepszy możliwy sposób w aplikacji serwera Blazor:

Dodanie komponentów HTML Blazor

Najpierw zamierzamy dodać trochę kodu HTML na stronie "Index.razor". Kod składa się z kilku nagłówków, pola wejściowego i przycisków.

Użyj poniższego kodu, aby dodać komponenty do aplikacji Blazor kodu kreskowego:

<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

Oto wynik:

Jak wygenerować kod QR w Blazor: Rysunek 6

Pole tekstowe służy do pobierania danych wejściowych od użytkownika, a przycisk generowania wywoła metodę QRCodeGenerater do stworzenia kodu QR. Utworzony kod QR będzie wyświetlany pod nagłówkiem "Wygenerowany kod QR:". Teraz utwórzmy metodę QRCodeGenerater.

Utwórz metodę `QRCodeGenerater`

To czas, aby użyć potężnej biblioteki IronBarcode w Visual Studio do generowania kodów QR. Sekcja @code została dodana do strony "Index.razor". Najpierw zobaczmy kompletny kod poniżej:

@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

W powyższym kodzie znajdują się dwie prywatne zmienne string. qrCode wyświetli wygenerowany kod QR, a text pobierze dane wejściowe od użytkownika z pola wprowadzania. Następnie, w metodzie QRCodeGenerater, myQRCode jest tworzony za pomocą metody CreateQrCode klasy QRCodeWriter. Metoda CreateQrCode dostarcza kilka parametrów, aby ulepszyć wynik kodu. Możesz dostosować rozmiar kodu QR, ustawić kody korekcyjne, aby utrzymać poziom korekcji błędów, i zmienić QrVersion. Kod poniżej pomaga również pracować z innymi parametrami:

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

Na koniec, wygenerowany kod paskowy Blazor jest konwertowany do tagu HTML, a następnie do łańcucha qrCode.

Zdobądź więcej szczegółów na temat funkcji IronBarcode z tej strony przykładów kodu.

Wyświetlenie na stronie głównej aplikacji serwera Blazor

Dodaj poniższy kod w komponentach HTML na stronie "Index.razor", po nagłówku H4, aby wyświetlić qrCode:

@((MarkupString)qrCode)

@((MarkupString)qrCode)

Text

Zapisz jako plik PNG

Możesz również zapisać go do pliku PNG, używając metody 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")

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

Jak wygenerować kod QR w Blazor: Rysunek 7

Generowanie kodu QR podczas ładowania strony

Możesz również stworzyć kod QR podczas ładowania strony i wyświetlić go dla użytkowników do zeskanowania dla danych. Poniższy kod pomoże ci osiągnąć to zadanie asynchronicznie:

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

Jak wygenerować kod QR w Blazor: Rysunek 8

Podsumowanie

W tym artykule nauczyliśmy się, jak generować kody QR w aplikacji serwerowej Blazor używając IronBarcode w C#. IronBarcode to elastyczna biblioteka, która zapewnia wszystkie niezbędne metody i wsparcie dla aplikacji Blazor.

IronBarcode łatwo konwertuje zwykły tekst, obrazy, wideo lub jakiekolwiek inne dane na kody QR. Możesz kontrolować rozmiar kodu, poziomy korekcji błędów i jego wersję. Możesz używać IronBarcode do skanowania kodów kreskowych w aplikacjach Blazor. Pełny przykład znajduje się tutaj.

IronBarcode jest bezpłatny do rozwoju, ale musi być licencjonowany do celów komercyjnych i wdrożeń. Możesz skorzystać z bezpłatnej wersji próbnej, aby przetestować wszystkie jej funkcje.

Curtis Chau

Czat z zespołem inżynierów teraz

Autor tekstów technicznych

Curtis Chau posiada tytuł licencjata z informatyki (Uniwersytet Carleton) i specjalizuje się w front-endowym rozwoju, z ekspertką w Node.js, TypeScript, JavaScript i React. Pasjonuje się tworzeniem intuicyjnych i estetycznie przyjemnych interfejsów użytkownika, Curtis cieszy się pracą z nowoczesnymi frameworkami i tworzeniem dobrze zorganizowanych, atrakcyjnych wizualnie podręczników.

...

Czytaj więcej