Blazorでバイト配列からPDFを表示する方法

1. はじめに

IronPDF for C# PDF Solutions and DocumentationはPDFレンダリングをサポートし、バイト配列をPDFファイルに変換するC# PDFライブラリです。 また、PDFのレビューと印刷、および注釈ツールを使用してPDFに注釈を付けることもサポートしています。 ヘッダーとフッターの追加や複数のPDFのマージも、IronPDFを使用すると非常に便利です。

IronPDFはBlazor PDFビューアーと共に使用してPDFビューアーを作成でき、ブラウザが表示できるオブジェクトURLを作成することでより大きなファイルサイズを処理できます。

IronPDFをBlazorで使用すると、開発者はバイト配列やファイル名からPDFファイルを表示できるPDFビューアーを作成でき、ファイルのアップロードやダウンロードの処理もサポートしています。 IronPDFは、Blazorと共に正常に機能するPDFドキュメントのページングを処理するメソッドも提供しています。

さらに、IronPDFはバイト配列をPDFドキュメントに変換し、PDFファイルをダウンロードし、base64文字列からPDFを表示するためのコード例を提供しています。 開発者は、画像をPDFドキュメントに変換するなど、PDFファイルを他のファイル形式に変換することもできます。

IronPDFはBlazorサーバーアプリで使用でき、Visual Studioと統合してシームレスな開発体験を提供します。 IronPDFを使用することで、開発者は現代的で機能豊富なWebアプリケーションを構築するためのプロフェッショナル品質のUIコンポーネントを作成できます。

この記事では、開発者がIronPDFを使用してPDFバイト配列をPDFドキュメントに変換し、Blazor PDFビューアーに表示する方法を説明しています。

2. 必要条件

チュートリアルに従うには、以下のツールと要件が必要です：

• Visual Studio 2019以降：Blazorアプリケーションを作成して実行するために必要です。 Visual Studio公式ウェブサイトからダウンロードできます。
• .NET 5.0以降：Blazorアプリケーションをビルドおよび実行するために必要です。 公式 .NET ダウンロードページからダウンロードできます。
• IronPDF：これは、PDFバイト配列をPDFドキュメントに変換してBlazor PDFビューアーで表示するために使用されるプロフェッショナルグレードUIライブラリです。 IronPDF公式ウェブサイトからダウンロードできます。
• IronPDF.Blazor NuGetパッケージ：これは、IronPDFをBlazorアプリケーションと統合するために使用されるNuGetパッケージです。 Visual Studio内のNuGetパッケージマネージャからインストールできます。

チュートリアルで説明されている一部の機能は、IronPDFの有料版が必要になる場合があります。 また、このチュートリアルはBlazorとC#の基本的な理解を前提としています。

3. Blazorアプリケーションの作成

最初のBlazorアプリを構築し始める前に、新しいVisual Studioプロジェクトを作成する必要があります。

• Visual Studioを開きます。
• 「新しいプロジェクトを作成」をクリックします。

• Blazor Server Appテンプレートを選択します。

  Visual Studioで新しいプロジェクトを作成する

• 「次へ」オプションを選択します。

• アプリケーションに名前を付けます。

  Visual Studioで新しいプロジェクトに名前を付ける

• 「次へ」オプションを選択します。

• .NET Frameworkを選択します。

  新しいBlazor Server Appのために.NET 6.0 Frameworkを選択する

• 作成ボタンをクリックします。

• 下記のように新しいプロジェクトが作成されます。

  Visual Studioでの初期プロジェクトビュー

簡単に使用できるBlazorソフトウェアを提供するためにいくつかのファイルが生成されました。

• アプリケーションを開始するサーバーの起動点はprogram.csで、アプリケーションのミドルウェアとサービスを設定する場所です。
• アプリケーションの主要部分は「App.razor」と呼ばれます。
• アプリケーションのいくつかのサンプルWebページは「Pages」ディレクトリにあります。
• ローカル開発環境のための異なるプロファイル設定は「Properties」ディレクトリにある「launchSettings.json」ファイルに定義されています。 プロジェクトが作成されると、ポート番号が自動的に割り当てられ、このファイルに保存されます。

テンプレートプログラムを開始します。

Install-Package IronPdf

4. バイト配列からPDFを生成および表示

BlazorアプリケーションでIronPDFを使用してPDFバイト配列を生成するには、まずプロジェクトにIronPDF依存関係を追加する必要があります。

BlazorアプリケーションにIronPDF依存関係を追加したら、次のコードを使用してPDFドキュメントを作成できます：

// Placeholder for the URL used to generate the PDF
string _url = "";

// Method to render a URL as a PDF and convert the result to a base64 string
private async Task ViewFile()
{
    var renderer = new IronPdf.ChromePdfRenderer();

    // Render the specified URL as a PDF
    var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");

    // Convert the PDF stream to a base64 string
    _url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}";
}

// Placeholder for the URL used to generate the PDF
string _url = "";

// Method to render a URL as a PDF and convert the result to a base64 string
private async Task ViewFile()
{
    var renderer = new IronPdf.ChromePdfRenderer();

    // Render the specified URL as a PDF
    var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");

    // Convert the PDF stream to a base64 string
    _url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}";
}

' Placeholder for the URL used to generate the PDF
Private _url As String = ""

' Method to render a URL as a PDF and convert the result to a base64 string
Private Async Function ViewFile() As Task
	Dim renderer = New IronPdf.ChromePdfRenderer()

	' Render the specified URL as a PDF
	Dim pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata")

	' Convert the PDF stream to a base64 string
	_url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}"
End Function

前述のコードスニペットは、指定されたURLからHTMLテキストをダウンロードしてPDF形式に変換するIronPDFのRenderUrlAsPdfメソッドを利用しています。 結果のPDFマテリアルは、PDFストリームをbase64形式に変換してローカル変数に格納することで、未処理のbase64データの文字列としてレンダリングされます。

アプリケーションは、IronPDFのSaveAs関数を使用してサーバーのファイルシステムに作成されたPDFファイルを保存し、後でアクセスできます。これは、各ChromePdfRendererインスタンスで利用可能です。

次のコードセクションでは、base64 PDFデータがクライアントのブラウザに出力するために準備されています：

@if (_url != string.Empty)
{
    // Render the PDF base64 data as a PDF in an iframe
    <iframe src="@_url" width="100%" height="500px"></iframe>
}

@if (_url != string.Empty)
{
    // Render the PDF base64 data as a PDF in an iframe
    <iframe src="@_url" width="100%" height="500px"></iframe>
}

'INSTANT VB WARNING: The following constructor is declared outside of its associated class:
'ORIGINAL LINE: if(_url != string.Empty)
Private Sub New(Optional _url (Not ByVal) As = String.Empty)
	' Render the PDF base64 data as a PDF in an iframe
'INSTANT VB WARNING: An assignment within expression was extracted from the following statement:
'ORIGINAL LINE: <iframe src="@_url" width="100%" height="500px"></iframe>
	"100%" height="500px"></iframe>
'INSTANT VB WARNING: An assignment within expression was extracted from the following statement:
'ORIGINAL LINE: <iframe src="@_url" width="100%" height
	"@_url" width="100%" height
	<iframe src="@_url" width
End Sub

このコードスニペットは、base64データをiframe要素のsrc属性にバインドします。 これにより、ページが読み込まれるとすぐに、ブラウザは組み込みのウェブビューアを使用してBase64コンテンツを適切なPDFドキュメントとしてレンダリングします。

こちらがbase64文字列から生成されたPDFファイルの画像です。

ブラウザでBlazorアプリで生成されたPDFを表示する

// Create a simple PDF document with the text "Hello world!!"
var pdfDocument = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!");

// Create a simple PDF document with the text "Hello world!!"
var pdfDocument = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!");

' Create a simple PDF document with the text "Hello world!!"
Dim pdfDocument = (New IronPdf.ChromePdfRenderer()).RenderHtmlAsPdf("Hello world!!")