ASP.NET MVCでQRコードを生成する方法

Iron Barcodeのインストール

まず、Visual Studioでパッケージマネージャーコンソールを開き、以下のコマンドを実行します。

Install-Package IronBarCode

このコマンドは、Iron Barcodeライブラリをインストールし、プロジェクトに必要な参照を追加します。

さて、QRコードを作成するためのコードを書きましょう。

QRCodeModel を作成します

Modelsフォルダ内にモデルクラスを作成し、以下のコードを書きます。

using System.ComponentModel.DataAnnotations;

public class QRCodeModel
{
    [Display(Name = "Enter QR Code Text")]
    public string QRCodeText { get; set; }
}

using System.ComponentModel.DataAnnotations;

public class QRCodeModel
{
    [Display(Name = "Enter QR Code Text")]
    public string QRCodeText { get; set; }
}

Imports System.ComponentModel.DataAnnotations

Public Class QRCodeModel
	<Display(Name := "Enter QR Code Text")>
	Public Property QRCodeText() As String
End Class

QRコードコントローラーの作成

ASP.NET MVC プロジェクトで、QrCodeController という名前の新しいコントローラーを作成します。 プロジェクトの構造のControllersフォルダを右クリックし、"追加"、"コントローラー"を選択します。利用可能なオプションから"MVC Controller - Empty"を選択します。

QrCodeController に以下のコードを記述してください。

using Microsoft.AspNetCore.Mvc;
using IronBarCode;
using System.IO;

public class QrCodeController : Controller
{
    private readonly IWebHostEnvironment _environment;

    public QrCodeController(IWebHostEnvironment environment)
    {
        _environment = environment;
    }

    public IActionResult CreateQRCode()
    {
        return View();
    }

    [HttpPost]
    public IActionResult CreateQRCode(QRCodeModel generateQRCode)
    {
        try
        {
            // Creating QR Code
            GeneratedBarcode barcode = QRCodeWriter.CreateQrCode(generateQRCode.QRCodeText);
            string path = Path.Combine(_environment.WebRootPath, "GeneratedQRCode");

            if (!Directory.Exists(path))
            {
                Directory.CreateDirectory(path);
            }

            string filePath = Path.Combine(path, "qrcode.png");
            barcode.SaveAsPng(filePath);

            string fileName = Path.GetFileName(filePath);
            string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedQRCode/{fileName}";

            ViewBag.QrCodeUri = imageUrl;
        }
        catch (Exception ex)
        {
            // Handle exceptions
            // Log the exception details here for troubleshooting and debugging.
            throw;
        }

        return View();
    }
}

using Microsoft.AspNetCore.Mvc;
using IronBarCode;
using System.IO;

public class QrCodeController : Controller
{
    private readonly IWebHostEnvironment _environment;

    public QrCodeController(IWebHostEnvironment environment)
    {
        _environment = environment;
    }

    public IActionResult CreateQRCode()
    {
        return View();
    }

    [HttpPost]
    public IActionResult CreateQRCode(QRCodeModel generateQRCode)
    {
        try
        {
            // Creating QR Code
            GeneratedBarcode barcode = QRCodeWriter.CreateQrCode(generateQRCode.QRCodeText);
            string path = Path.Combine(_environment.WebRootPath, "GeneratedQRCode");

            if (!Directory.Exists(path))
            {
                Directory.CreateDirectory(path);
            }

            string filePath = Path.Combine(path, "qrcode.png");
            barcode.SaveAsPng(filePath);

            string fileName = Path.GetFileName(filePath);
            string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedQRCode/{fileName}";

            ViewBag.QrCodeUri = imageUrl;
        }
        catch (Exception ex)
        {
            // Handle exceptions
            // Log the exception details here for troubleshooting and debugging.
            throw;
        }

        return View();
    }
}

Imports Microsoft.AspNetCore.Mvc
Imports IronBarCode
Imports System.IO

Public Class QrCodeController
	Inherits Controller

	Private ReadOnly _environment As IWebHostEnvironment

	Public Sub New(ByVal environment As IWebHostEnvironment)
		_environment = environment
	End Sub

	Public Function CreateQRCode() As IActionResult
		Return View()
	End Function

	<HttpPost>
	Public Function CreateQRCode(ByVal generateQRCode As QRCodeModel) As IActionResult
		Try
			' Creating QR Code
			Dim barcode As GeneratedBarcode = QRCodeWriter.CreateQrCode(generateQRCode.QRCodeText)
			Dim path As String = System.IO.Path.Combine(_environment.WebRootPath, "GeneratedQRCode")

			If Not Directory.Exists(path) Then
				Directory.CreateDirectory(path)
			End If

			Dim filePath As String = System.IO.Path.Combine(path, "qrcode.png")
			barcode.SaveAsPng(filePath)

			Dim fileName As String = System.IO.Path.GetFileName(filePath)
			Dim imageUrl As String = $"{Me.Request.Scheme}://{Me.Request.Host}{Me.Request.PathBase}/GeneratedQRCode/{fileName}"

			ViewBag.QrCodeUri = imageUrl
		Catch ex As Exception
			' Handle exceptions
			' Log the exception details here for troubleshooting and debugging.
			Throw
		End Try

		Return View()
	End Function
End Class

このコードはQRコードを生成できるコントローラーを設定します。 CreateQRCode アクションが呼び出されると、QR コードのテキストを取得し、QR コード画像を生成して保存し、表示用にビューに画像の URL を提供します。 詳細は次のとおりです：

• コントローラには、Web ホスティング環境にアクセスするための IWebHostEnvironment パラメータを受け取るコンストラクタがあります。
• CreateQRCode アクションはビューを返します。
• CreateQRCode アクションと [HttpPost] 属性は、QR コード テキストを含む QRCodeModel パラメーターを受け取ります。
• アクション内では、Iron Barcode ライブラリの QRCodeWriter クラスを使用して QR コードが生成されます。
• 生成された QR コードは、Web ルート パス内の GeneratedQRCode という名前のフォルダに PNG 画像ファイルとして保存されます。
• GeneratedQRCode フォルダーが存在しない場合は、作成されます。
• 保存されたQRコード画像のファイルパスとURLが生成されます。
• QRコード画像のURLは、ビューで使用するためにViewBag.QrCodeUriプロパティに格納されます。
• プロセス中に発生する例外はすべてキャッチされ、ログに記録されます。

CreateQRCode を追加して表示

新しいビューを追加するには、QrCodeController クラス内の CreateQRCode アクション メソッドを右クリックします。 "ビューの追加"を選択し、"Razorビュー"を選択し、"追加"ボタンをクリックします。

下図のように新しいウィンドウが表示されます。

ビュー名を入力し、"作成"テンプレートを選択して、新しく作成したモデルクラス QRCodeModel を選択します。 追加ボタンをクリックします。 ビューが作成されます。 表示を下記のコードに置き換えます。

@model QRCodeModel

@{
    ViewData["Title"] = "CreateQRCode";
}

<h1>Create QRCode in ASP.NET MVC</h1>

<hr />
<div class="row">
    <div class="col-md-4">
        <form asp-action="CreateQRCode">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="QRCodeText" class="control-label"></label>
                <input asp-for="QRCodeText" class="form-control" />
                <span asp-validation-for="QRCodeText" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-primary" />
            </div>
            <div class="form-group">
                @if (ViewBag.QrCodeUri != null)
                {
                    <img src="@ViewBag.QrCodeUri" class="img-thumbnail" alt="Generated QR Code" />
                }
            </div>
        </form>
    </div>
</div>

@section Scripts {
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial"); }
}

それでは、Program.cs クラスに移動して、デフォルトのコントローラー ルートを変更しましょう。

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=QrCode}/{action=CreateQRCode}/{id?}"
);

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=QrCode}/{action=CreateQRCode}/{id?}"
);

app.MapControllerRoute(name:= "default", pattern:= "{controller=QrCode}/{action=CreateQRCode}/{id?}")

これにより、デフォルトのルートが HomeController から QrCodeController に変更されます。

プロジェクトをコンパイルして実行します。

出力

テキストボックスにテキストを入力し、作成ボタンをクリックします。 QRコードが作成され、以下に示すように画面に表示されます。

次に、注釈テキスト、QRコード値の追加、QRコードの色の変更を行い、バーコードにビジュアルスタイリングを追加します。

QRコードのビジュアルスタイリングの追加

CreateQRCode Action メソッド内に次のコード行を追加します。

barcode.AddAnnotationTextAboveBarcode("QR Code Generated by Iron PDF");
barcode.AddBarcodeValueTextBelowBarcode();
barcode.ChangeBackgroundColor(System.Drawing.Color.White);
barcode.ChangeBarCodeColor(System.Drawing.Color.MediumVioletRed);

barcode.AddAnnotationTextAboveBarcode("QR Code Generated by Iron PDF");
barcode.AddBarcodeValueTextBelowBarcode();
barcode.ChangeBackgroundColor(System.Drawing.Color.White);
barcode.ChangeBarCodeColor(System.Drawing.Color.MediumVioletRed);

barcode.AddAnnotationTextAboveBarcode("QR Code Generated by Iron PDF")
barcode.AddBarcodeValueTextBelowBarcode()
barcode.ChangeBackgroundColor(System.Drawing.Color.White)
barcode.ChangeBarCodeColor(System.Drawing.Color.MediumVioletRed)

プロジェクトを実行し、QRコードを生成します。