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

1. 序論

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

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

BlazorでIronPDFを使用することにより、開発者はバイト配列やファイル名からPDFファイルを表示できるPDFビューアを作成できます。さらに、ファイルのアップロードおよびダウンロードの処理もサポートしています。 IronPDFには、PDFドキュメントのページングを処理するためのメソッドもあり、Blazorと問題なく動作します。

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

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

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

2. 要件

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

• Visual Studio 2019以降：Blazorアプリケーションを作成して実行するには、これが必要です。 公式ファイルダウンロードウェブサイトからダウンロードできます： https://visualstudio.microsoft.com/ja/downloads/
• .NET 5.0以降：これはBlazorアプリケーションをビルドおよび実行するために必要です。 公式ファイルダウンロードウェブサイトからダウンロードできます： [https://dotnet.microsoft.com/download

](https://dotnet.microsoft.com/download)

• IronPDF: これは、PDFバイト配列をPDFドキュメントに変換し、Blazor PDFビューアで表示するために使用されるプロフェッショナルグレードのUIライブラリです。 IronPDFのファイルダウンロードウェブサイトからダウンロードできます。 [https://ironpdf.com/

](/)

• IronPDF.Blazor NuGetパッケージ：これはIronPDFをBlazorアプリケーションに統合するために使用されるNuGetパッケージです。 それはVisual Studio内のNuGetパッケージマネージャーからインストールできます。

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

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

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

• Visual Studioを開きます。

• 「Create a New Project」をクリックしてください。

• Blazor Server App テンプレートを選択する必要があります。

  

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

• 次のオプションを選択してください。

• アプリケーションの名前。

  

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

• 次のオプションを選択してください。

• .NETフレームワークを選択

  

  新しいBlazor Serverアプリケーションに.NET 6.0フレームワークを選択する

• Createボタンをクリックしてください。

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

  

  Blazorとは何か、その仕組み

  使いやすいBlazorソフトウェアを提供するために、いくつかのファイルが作成されました。

• アプリケーションでサーバーを起動するエントリーポイントは program.cs です。ここでは、アプリケーションのミドルウェアとサービスの設定も行います。
• アプリケーションの主要な部分は「App.razor」と呼ばれます。
• アプリのいくつかのサンプルウェブページは、Pagesディレクトリ内にあります。

• ローカル開発環境の異なるプロファイル設定は、Propertiesディレクトリにある「launchSettings.json」ファイルで定義されています。 プロジェクトが作成されると、ポート番号が自動的に割り当てられ、このファイルに保存されます。

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

Blazorプロジェクトタイプ

Blazorは、Blazor ServerとBlazor WebAssemblyの2つのプロジェクトタイプをサポートします。

前者のタイプはサーバーで実行され、SignalRを使用してブラウザと通信します。 これは、アプリケーションのUIがサーバーでレンダリングされ、ブラウザはサーバーからの更新のみを受信することを意味します。 Blazor Serverは、より大規模なアプリケーションをサポートでき、より多くのユーザーを容易に処理できるという利点があります。

一方、Blazor WebAssemblyアプリケーションは、完全にブラウザ内で実行されるため、サーバーを必要としません。 これにより、これらはより軽量で読み込みが速くなりますが、いくつかの制限があります。例えば、より大きなファイルをサポートできないことです。

このチュートリアルにおいては、PDFファイルの表示や取り扱いが可能になるため、Blazorサーバーアプリケーションを使用することをお勧めします。 また、Blazor ServerはPDFのレビューと印刷をサポートできるため、PDFビューアアプリケーションにとって有用な機能となるかもしれません。

IronPDFのインストール

このセクションでは、さまざまな方法を使用してIronPDFをインストールする方法について説明します。

コマンドラインの使用

Visual Studioで、ツール > NuGet パッケージマネージャー > パッケージマネージャーコンソールに移動します。

パッケージマネージャーのターミナルタブに次の行を入力してください：

Install-Package IronPdf

パッケージをダウンロードしたので、現在のプロジェクトにインストールされます。

パッケージマネージャーコンソールUI

ソリューションのNuGetパッケージ管理を使用

NuGet パッケージ マネージャー UI は、Visual Studio 内で使用可能であり、パッケージを直接プロジェクトにインストールするために利用できます。 以下のスクリーンショットは、どのように開くかを示しています。

NuGetパッケージマネージャーに移動

パッケージ マネージャー UI には、NuGet ウェブサイトで提供されているパッケージ ライブラリのリストを表示する「参照」機能が備わっています。以下のスクリーンショットのように、「IronPDF」というキーワードを入力して、IronPDF パッケージを見つけてください。

NuGet パッケージ マネージャー UI で IronPDF パッケージを検索してインストールします

Browse セクションで IronPDF ライブラリを検索して NuGet パッケージマネージャーで見つけてください。

IronPDFパッケージを選択し、プロジェクトに追加するために「インストール」ボタンをクリックします。

バイト配列からPDFを作成および表示する

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

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

string _url = "";
private async Task ViewFile()
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");
    _url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}";
}

string _url = "";
private async Task ViewFile()
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata");
    _url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}";
}

Private _url As String = ""
Private Async Function ViewFile() As Task
	Dim renderer = New IronPdf.ChromePdfRenderer()
	Dim pdf = renderer.RenderUrlAsPdf("https://localhost:7018/fetchdata")
	_url = $"data:application/pdf;base64,{Convert.ToBase64String(pdf.Stream.ToArray())}"
End Function

上記のコードスニペットは、最初にIronPDFの RenderUrlAsPdf 指定されたURLからHTMLテキストをダウンロードし、PDF形式に変換するメソッド。 生成されたPDFマテリアルは、その後、コードスニペットによって未処理のbase64データの文字列としてレンダリングされ、ローカル変数に保存されます。

アプリケーションは、IronPDF の機能を使用して作成したPDFファイルをサーバーのファイルシステムに保存し、後でアクセスできるようにすることができます。 SaveAs 関数 (すべてのデバイスでアクセス可能 ChromePdfRenderer インスタンス).

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

@if (_url != string.Empty)
{

}

@if (_url != string.Empty)
{

}

'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)

End Sub

上記の機能は、Blazorサーバーサイドから受信したbase64データをiframe要素のsrc属性にバインドします。これにより、ブラウザは組み込みのウェブビューアを使用して、ページが読み込まれるとすぐにBase64コンテンツを適切なPDF文書としてレンダリングします。

以下は、base64文字列から生成されたPDFファイルの画像です。

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

シンプルなPDFファイルの作成

以下に、C#でIronPDFを使用して簡単なPDFドキュメントを作成する例のコードスニペットを示します:

var renderer = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!")

var renderer = new IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!")

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'var renderer = New IronPdf.ChromePdfRenderer().RenderHtmlAsPdf("Hello world!!")

前のセクションで説明した方法を使用すると、クライアントのブラウザで作成されたPDFドキュメントを表示することができます。

結論

このチュートリアルでは、使用方法を示しています IronPDF Blazor Server アプリで PDF ドキュメントを作成および表示するために。まず、IronPDF とその機能を紹介し、 HTMLをPDFに変換、追加 ヘッダーとフッター、および 複数のPDFの結合. 次に、IronPDFをインストールし、Blazor ServerアプリでPDFファイルを作成し、それをPDFバイト配列に変換し、iframeを使用してBlazor PDFビューアで表示するためのステップバイステップの指示を提供します。

全体として、このチュートリアルはIronPDFとBlazorを使用してPDFドキュメントを作成および表示する方法の包括的な概要を提供します。 それは読者に、IronPDFをさらに試し、さまざまな機能を試して、豊富な機能を備えたアプリケーションを作成することを奨励します。

BlazorプロジェクトでIronPDFを試してみたい場合は、 無料試用 ライセンス。 これにより、ライブラリの機能と性能を実験する十分な時間が与えられ、あなたのニーズに合っているかどうかを確認することができます。

始めるには、プロジェクトでライブラリを使用するための詳細な情報が記載されているBlazor向けのIronPDFドキュメントを参照してください。 以下の内容を日本語に翻訳してください：

You can also browse the

他の製品についてもご確認いただけます。 IronPDFブログ PDF 操作およびレンダリングに関連するさまざまなトピックを網羅したチュートリアルや記事をご覧ください。

IronPDFとBlazorをさらに試して、PDF関連の開発をどのように向上させることができるかを確認することをお勧めします。 Blazor PDFビューアの詳細については、以下をご参照ください。 BlazorでのPDFビューワーに関するチュートリアル.