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

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

IronBarcode - C

IronBarcodeは、任意の.NET C#アプリケーションでバーコードおよびQRコードを簡単に読み取り、生成できるC#バーコードおよびQRコードライブラリです。 それは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（ビジュアル スタジオ） - これは統合開発環境（IDE）です(IDE (統合開発環境))C#開発に使用される。 ここからダウンロードできますVisual Studioウェブサイト. または、C＃をサポートする他の任意のIDEを使用することもできます。

2. Blazor サーバー アプリ: Blazor サーバー アプリの作成は主なタスクです。 以下の手順に従って、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. 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コードを生成する手順

以下の手順が役立ちます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コードは「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 サーバー アプリケーションのホームページに表示

以下のコードを「Index.razor」ページの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コードを生成

ページの読み込み時に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は無料ですが、ライセンス済み商業目的およびデプロイメント目的のために。 試してみることができます無料試用そのすべての機能をテストするために。