如何在Blazor中生成QR碼

本文介紹開發者如何使用IronBarcode庫在C#項目中製作QR Code。

IronBarcode - C#

IronBarcode 是一個 C# 條碼及 QR Code 函式庫，可讓你輕鬆地在任何 .NET C# 應用程式中讀取和生成條碼及 QR Code。它優先考慮速度、準確性和易用性。

IronBarcode 是一個使用者友好的函式庫，開發人員可以輕鬆地在 C# 專案中添加、讀取和設計 QR Code，通常只需幾分鐘。它使開發人員能夠以 Aztec、Data Matrix、MaxiCode 等格式創建 QR Code。使用 IronBarcode 可使用不同的條碼類型，例如 Code 39、Code 128、RSS14 等。

IronBarcode 與所有 .NET Framework 語言兼容，即 C#、F# 和 VB.NET。它支援下列所有 .NET 平台：

• .NET 7、6 和 5
• .NET Core 2x 和 3x
• .NET Standard 2
• .NET Framework 4.6.2+

如何在Blazor伺服器應用程式中生成QR碼？

先決條件

要在 C# 的 Blazor 網頁應用程式中生成 QR 碼，我們需要以下組件：

1. Visual Studio - 這是整合開發環境 (集成開發環境) 用於C#開發。可以從 Visual Studio 網站。或者你可以使用任何其他支援 C# 的 IDE

2. Blazor 服務器應用程序：創建 Blazor 服務器應用程序是主要任務。按照以下步驟創建一個 Blazor 服務器 Web 應用程序。

   • 打開你的 IDE 或 Visual Studio。點擊「創建一個新項目」。

     

   • 從可用的專案選項中選擇 Blazor Server App。

     

   • 接下來，設定位置並命名您的專案。

     

     • 接下來，為您的專案設置其他資訊。選擇適當的 .NET 框架版本。IronBarcode 支援 .NET 版本 2 到 7，其中 .NET 7 是最新的版本。

     

3. IronBarcode - .NET 二維碼和條形碼庫，有助於生成和讀取不同類型的條形碼。以下是安裝 IronBarcode 的不同方法：

4. 從以下位置直接下載 IronBarcode NuGet網站.

5. 通過在 Visual Studio 工具中管理解決方案的 NuGet 套件安裝，或右鍵點擊解決方案資源管理器選擇 NuGet 套件管理器進行安裝。

6. 下載 IronBarcode DLL 直接從Iron Software網站。

添加 IronBarcode 命名空間

當所有內容安裝完畢並準備就緒後，將以下程序集引用添加到您的 Blazor 條碼應用程序的 "Imports.razor" 文件中：

@using IronBarCode

@using IronBarCode

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'@using IronBarCode

添加授權密鑰

IronBarcode需要授權才能部署使用。您可以從以下網址獲取免費試用授權密鑰。 這裡請將以下程式碼行添加到 Program.cs 文件：

using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";

using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";

Imports IronBarCode
License.LicenseKey = "YOUR-KEY-HERE"

生成 QR Code 的步驟

以下步驟將幫助您 生成 QR 碼 在Blazor Server應用程式中以最佳方式：

添加 Blazor HTML 元件

首先，我們將在 "Index.razor" 頁面中添加一些 HTML 代碼。該代碼由一些標題、一個輸入框和按鈕組成。

使用下面的代碼將這些組件添加到 Blazor 條碼應用程序中：

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:

輸出如下：

文字欄位用於獲取使用者的輸入，點擊生成按鈕將調用 onclick 方法來創建 QR 碼。生成的 QR 碼將顯示在"生成的 QR 碼："標題下方。現在，讓我們創建 QRCodeGenerater 方法。

建立 QrCodeGenerator 方法

該是使用功能強大的 IronBarcode 庫在 Visual Studio 中生成 QR 碼的時候了。將 @code 區段添加到 "Index.razor" 頁面。讓我們先來看看完整的代碼如下：

@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

在上面的代碼中，有兩個私有字符串變量。qrCode 將顯示生成的 QR 碼，而 text 將從輸入字段獲取用戶輸入。然後，在 QRCodeGenerator 方法中，使用 QRCodeWriter 類的 CreateQrCode 方法創建 myQRCode。CreateQrCode 方法提供了多個參數來提升代碼輸出。您可以自定義 QR 碼的大小，設置錯誤校正碼字以維持錯誤校正級別，並更改 QrVersion。下面的代碼還幫助您處理其他參數：

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)

最後，生成的 Blazor 條碼被轉換為 HTML 標籤，然後轉換為 qrCode 字串。

有關 IronBarcode 功能的更多詳細資訊，請參考此處 程式碼範例頁面.

顯示於Blazor Server應用程式首頁

在 "Index.razor" 頁面的 H4 標題後的 HTML 元素中添加以下代碼，以顯示 qrCode:

@((MarkupString)qrCode)

@((MarkupString)qrCode)

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'@((MarkupString)qrCode)

儲存為 PNG 檔案

您也可以使用 SaveAsPng 方法將其儲存為 PNG 檔案：

myQRCode.SaveAsPng("myQRCode.png");

myQRCode.SaveAsPng("myQRCode.png");

myQRCode.SaveAsPng("myQRCode.png")

頁面加載時生成 QR 碼

您還可以在頁面加載時創建 QR 碼並顯示給用戶，以便用戶掃描數據。以下代碼幫助您以異步方式完成此任務：

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

摘要

在本文中，我們學習了如何使用IronBarcode在Blazor Server應用程式中生成QR碼。IronBarcode是一個靈活的函式庫，並為Blazor應用程式提供所需的所有方法和支援。

IronBarcode可以輕鬆地將純文字、圖像、影片或任何其他資料轉換為QR碼。您可以控制碼的大小、錯誤校正級別及其版本。您可以使用IronBarcode在Blazor應用程式中掃描條碼。一个完整的例子是 這裡。

IronBarcode 在開發期間是免費的，但必須 授權 用於商業和部署目的。您可以嘗試 免費試用 測試其所有功能。