BlazorでQRコードを生成する方法

この記事では、開発者がC#プロジェクトでIronBarcodeライブラリを使用してQRコードを作成する方法を紹介します。

IronBarcode - C

IronBarcodeは、バーコードやQRコードを簡単に読み取り、生成することができるC#バーコード＆QRコードライブラリで、.NET C#アプリケーションで利用できます。 それはC#向けに、速度、精度、そして使いやすさを優先します。

IronBarcodeは、開発者がC#プロジェクトで数分以内に簡単にQRコードを追加、読み取り、スタイル設定できるユーザーフレンドリーなライブラリです。 開発者はAztec、Data Matrix、MaxiCodeなどの形式でQRコードを作成できるようになります。 異なるバーコードタイプは、例えば、Code 39、Code 128、RSS14など、IronBarcodeを使用して利用可能です。

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コードを生成する方法は？

前提条件

Blazor WebアプリケーションでC#でQRコードを作成するには、以下のコンポーネントが必要です：

1. Visual Studio - C#開発に使用される統合開発環境（IDE）です。 Visual Studioのウェブサイトからダウンロードできます。 または、C＃をサポートする他の任意のIDEを使用することもできます。

2. Blazor Server App: Blazor Serverアプリを作成することが主なタスクです。 以下の手順に従って、BlazorサーバーWebアプリケーションを作成します。

   • IDEまたはVisual Studioを開いてください。 「Create a new project」をクリックしてください。

   

   • 利用可能なプロジェクトオプションからBlazor Server Appを選択します。

   

   • 次に、場所を設定し、プロジェクトに名前を付けます。

   

   • 次に、プロジェクトの追加情報を設定します。 適切な .NET Framework バージョンを選択してください。 IronBarcodeは、.NETバージョン2から最新の.NET 7までをサポートしています。

   

3. IronBarcode - 異なるバーコードタイプを生成および読み取るための.NET QRコードおよびバーコードライブラリです。以下は、IronBarcodeをインストールするさまざまな方法です：

4. NuGetウェブサイトからIronBarcodeを直接ダウンロードしてください。

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コードを生成する手順

以下の手順は、Blazor Server アプリケーションでQRコードを生成するのに最適な方法を提供します。

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:

出力は以下の通りです:

テキストフィールドはユーザーからの入力を取得するために使用され、生成ボタンはQRコードを作成するためにonclickメソッドを呼び出します。 作成されたQRコードは「Generated QR Code:」の見出しの下に表示されます。 それでは、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

上記のコードには、2つのプライベートな文字列変数があります。 qrCode は生成された QR コードを表示し、text は入力フィールドからユーザー入力を取得します。 次に、QRCodeGeneratorメソッド内で、myQRCodeはQRCodeWriterクラスのCreateQrCodeメソッドを使用して作成されます。 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 サーバー アプリケーションのホームページに表示

H4見出しの後に "Index.razor" ページの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

サマリー

この記事では、C#でIronBarcodeを使用してBlazor ServerアプリケーションにQRコードを生成する方法を学びました。 IronBarcodeは柔軟なライブラリであり、Blazorアプリケーションに必要なすべてのメソッドとサポートを提供します。

IronBarcodeは、プレーンテキスト、画像、動画、その他のデータを簡単にQRコードに変換します。 コードのサイズ、誤り訂正レベル、バージョンを制御できます。 BlazorアプリケーションでバーコードをスキャンするためにIronBarcodeを使用できます。 完全な例はこちらにあります。

IronBarcode は開発には無料ですが、商業利用および展開の目的にはライセンスを取得する必要があります。 すべての機能をテストするために、無料試用版をお試しください。