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

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

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