如何在Blazor中生成二维码

本文介绍了开发人员如何使用 IronBarcode 库在 C# 项目中制作二维码。

IronBarcode - C&num；

IronBarcode是一个 C# BarCode & QR 码库，可让您在任何 .NET C# 应用程序中轻松读取和生成条形码和 QR 码。 它优先考虑 C# 的速度、准确性和易用性；

IronBarcode 是一个用户友好型库，允许开发人员在 C# 项目中轻松添加、读取和样式化 QR 代码，通常在几分钟内即可完成。 它使开发人员能够创建 Aztec、Data Matrix 和 MaxiCode 等格式的二维码。 使用 IronBarcode 可获得不同的条形码类型，如 Code 39、Code 128、RSS14 等。

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

• .NET 7、6 和 5
• .NET Core 2x 和 3x
• .NET 标准 2
• .NET Framework 4.6.2 以上

如何在 Blazor 服务器应用程序中生成 QR 码？

先决条件

要在 Blazor 网络应用程序中用 C# 创建二维码，我们需要以下组件：

1. Visual Studio - 这是一个集成开发环境(IDE)用于 C# 开发。 可从Visual Studio 网站. 或者您也可以使用 C# 支持的任何其他集成开发环境；

2. Blazor 服务器应用程序： 创建 Blazor 服务器应用程序是首要任务。 按照下面给出的步骤创建 Blazor 服务器网络应用程序。

   • 打开您的集成开发环境或 Visual Studio。 单击创建新项目。

     

   • 从可用的项目选项中选择 Blazor Server App。

     

   • 接下来，设置位置并命名您的项目。

     

   • 接下来，为您的项目设置附加信息。 选择合适的 .NET Framework 版本。 IronBarcode for .NET 支持 .NET 2 至 7 版本，其中 .NET 7 为最新版本。

     

3. IronBarcode - .NET QR 码和条形码库，有助于生成和读取不同类型的条形码。以下是安装 IronBarcode 的不同方法：

4. 直接从以下网站下载 IronBarcodeNuGet 网站.

5. 通过 Visual Studio 工具中的管理解决方案的 NuGet 包或右键单击解决方案资源管理器选择 NuGet 包管理器进行安装。

6. 下载 IronBarcodeDLL直接从 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 代码的步骤

以下步骤将有助于生成二维码在 Blazor 服务器应用程序中以最佳方式运行：

添加 Blazor HTML 组件

首先，我们要在 "Index.razor "页面上添加一些 HTML 代码。 代码包括一些标题、输入框和按钮。

使用下面的代码将组件添加到 Blazor BarCode 应用程序中：

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

是时候使用 Visual Studio 中功能强大的 IronBarcode 库来生成二维码了。 在 "Index.razor "页面中添加了"@code "部分。 让我们先看看下面的完整代码：

@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 "代码，文本将从输入框获取用户输入。 然后，在 QRCodeGenerator 方法中，使用 QRCodeWriter 类的 CreateQrCode 方法创建 myQRCode 。 CreateQrCode "方法提供了几个参数来增强代码输出。 您可以自定义二维码的大小，设置纠错码字以保持纠错级别，并更改 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 服务器应用程序主页上

在 "Index.razor "页面的 HTML 组件中的 H4 标题后添加以下代码，以显示 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 代码

您还可以在页面加载时创建一个二维码，并显示出来供用户扫描获取数据。 下面的代码可以帮助您异步完成这项任务：

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

摘要

在本文中，我们学习了如何在 Blazor Server 应用程序中使用 IronBarcode in C# 生成二维码。 IronBarcode 是一个灵活的库，为 Blazor 应用程序提供所有必要的方法和支持。

IronBarcode 可轻松将纯文本、图像、视频或任何其他数据转换为 QR 码。 您可以控制代码大小、纠错级别及其版本。 您可以在 Blazor 应用程序中使用 IronBarcode 扫描条形码。 一个完整的例子是这里.

IronBarcode 可免费用于开发，但必须满足以下条件特许商业和部署用途。 您可以尝试免费试用测试其所有功能。