Blazor'da QR Kod Nasıl Oluşturulur

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

Blazor HTML Bileşenlerini Ekleme

Öncelikle, "Index.razor" sayfasına bazı HTML kodlarını ekleyeceğiz. Kod, bazı başlıklar, bir giriş alanı ve düğmeler içerir.

Blazor barkod uygulamasına bileşenleri eklemek için aşağıdaki kodu kullanın:

<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ı aşağıdaki gibidir:

Metin alanı, kullanıcıdan veri almak için kullanılır ve oluştur düğmesi, QR kodu oluşturmak için QRCodeGenerater yöntemini çağıracaktır. Oluşturulan QR kodu, "Oluşturulan QR Kod:" başlığının altında görüntülenecektir. Şimdi, QRCodeGenerater yöntemini oluşturalım.

QRCodeGenerater Yöntemini Oluşturun

Visual Studio'da QR kodları oluşturmak için güçlü IronBarcode kutuphanesini kullanma zamanı. @code bölümü, 'Index.razor' sayfasına eklenmiştir. Önce aşağıdaki tam kodu 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 dize değişkeni vardır. qrCode oluşturulan QR kodunu görüntüleyecek ve text giriş alanından kullanıcı girdisini alacak. Sonra, QRCodeGenerater yönteminde, QRCodeWriter sınıfının CreateQrCode yöntemi kullanılarak myQRCode oluşturulur. CreateQrCode yöntemi, kod çıktısını geliştirmek için birden fazla parametre sağlar. QR kodunun boyutunu özelleştirebilir, hata düzeltme seviyesini korumak için hata düzeltme kodu kelimelerini ayarlayabilir ve QrVersion'yi değiştirebilirsiniz. Aşağıdaki kod, diğer parametrelerle de çalışmanıza 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 ayrıntıyı bu kod örnekleri sayfasından edinin.

Blazor Sunucu Uygulaması Ana Sayfasında Görüntüle

Aşağıdaki kodu HTML bileşenlerine, 'Index.razor' sayfasındaki H4 başlığından sonra qrCode göstermek için ekleyin:

@((MarkupString)qrCode)

Bir PNG Dosyası Olarak Kaydet

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