Blazor'da QR Kodu Nasıl Oluşturulur

QR kodları oluşturmak için aşağıdaki adımlar, Blazor Sunucu uygulamasında en iyi şekilde yardımcı olacaktır:

Blazor HTML Bileşenleri Eklenmesi

İlk olarak, "Index.razor" sayfasına bazı HTML kodları ekleyeceğiz. Kod, bazı başlıklar, bir giriş alanı ve düğmelerden oluşur.

Aşağıdaki kodu kullanarak bileşenleri Blazor barkod uygulamasına ekleyin:

<h4>Welcome to Blazor QR Code Generator</h4>
<p>Enter the value to Generate QR Code:</p>

<input @bind="text" />

<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 @bind="text" />

<button @onclick="QRCodeGenerater">Generate QR Code</button>

<p>Generated QR Code:</p>

Çıktı şu şekildedir:

Metin alanı kullanıcıdan veri almak için kullanılır ve oluştur butonu, QR kodu oluşturmak için QRCodeGenerater yöntemini çağırır. Oluşturulan QR kodu "Oluşturulan QR Kodu:" başlığı altında gösterilecektir. Şimdi, QRCodeGenerater yöntemini oluşturalım.

QRCodeGenerater Yöntemini Oluştur

QR kodlarını oluşturmak için Visual Studio'da güçlü IronBarcode kütüphanesini kullanma zamanı. @code bölümü "Index.razor" sayfasına eklendi. Önce komple kodu aşağıda görelim:

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

Yukarıdaki kodda iki özel string değişkeni mevcuttur. qrCode oluşturulan QR kodunu görüntüler ve text giriş alanından kullanıcı girdisini alır. Ardından, QRCodeGenerater yönteminde, QRCodeWriter sınıfının CreateQrCode yöntemi kullanılarak myQRCode oluşturulur. CreateQrCode yöntemi, kod çıktılarını geliştirmek için birkaç parametre sağlar. QR kodunun boyutunu özelleştirebilir, hata düzeltme seviyesini korumak için hata düzeltme kod sözcüklerini ayarlayabilir ve QrVersion değiştirebilirsiniz. Aşağıdaki kod, diğer parametrelerle çalışmanıza da yardımcı olur:

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

Son olarak, oluşturulan Blazor barkodu bir HTML etiketine ve ardından bir qrCode dizesine dönüştürülür.

IronBarcode özellikleri hakkında daha fazla bilgi almak için bu kod örnekleri sayfasına bakın.

Blazor Sunucu Uygulaması Ana Sayfasında Gösterim

Aşağıdaki kodu "Index.razor" sayfasındaki H4 başlığından sonra HTML bileşenlerine ekleyerek qrCode görüntüleyin:

@((MarkupString)qrCode)

PNG Dosyası Olarak Kaydetme

Ayrıca, SaveAsPng yöntemi kullanarak bir PNG dosyasına da kaydedebilirsiniz:

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