Razor vs Blazor

ASP.NET CoreでのRazorとBlazorとは何ですか？

BlazorはRazorコンポーネントを使用しますか？

BlazorはRazor構文を完全にサポートしています。 Razorのフルマークアップ機能セットを使用してBlazorアプリを構築することができ、ループ、条件文などを使用できます。次の例を考えてみてください。

@page "/HelloWorld"

<h1>
   Example Component
</h1>

@foreach (var person in People)
{
    <h2>@person.FirstName</h2>
}

このRazorコンポーネントは、foreachループを使用してPeopleというコレクションを反復し、各人の名前を<h2>タグ内に出力します。

RazorとBlazorの接続

BlazorとRazorの間には関係があることを明確に見ることができます。 結局のところ、Blazorという名前自体は「browser」と「razor」という言葉の組み合わせです。

RazorとBlazorはどちらも、HTMLとC#を使用してWebアプリケーションを作成するために使用されます。 それらはオープンソースであり無料であるため、開発者は直ちに利用でき、制約なしに使用できます。 ASP.NET Webアプリケーションを開発するとき、Razor構文を使用します。これはASP.NET CoreおよびASP.NET MVCにより類似しているからです。

Blazorは、Razor構文で書かれた1つまたは複数のコンポーネントから柔軟でインタラクティブなユーザーインターフェースを構築します。

BlazorでRazorが使用される方法に関して重要な区別をする必要があります。それは、コンポーネント（ボタンやページ要素など）を構築するために使用され、全体のページを構築するために使用されないということです。

さらに、Blazor内のRazorファイル（.cshtml拡張子のファイル）は正式にはRazorコンポーネントとして知られ、Blazorコンポーネントとしては知られていません（多くの開発サークルで両方の言葉が互換的に使用されています）。

Razor PagesとBlazor Serverの動作

RazorはMVCアプリケーション内で動作し、全体のページをブラウザに提供します。

class="content-img-align-center">

class="content__image-caption">Razor Pages in Action

ユーザーがボタンやリンクをクリックすると、ブラウザはサーバーにリクエストを送信し、サーバーはデータベースにアクセスして.cshml Razorビュー（またはRazorページ）を取得し、データとマークアップを組み合わせて、全体をブラウザに返します（ページ全体を再レンダリングします）。

一方、Blazorは、Razor構文で書かれた小さなコンポーネントのシリーズを使用して、全体のウェブページを作成することを可能にします。

class="content-img-align-center">

class="content__image-caption">Blazor in Action

これはBlazor WebAssembly (Blazor WASM)の動作を示しています。

Blazor WASMアプリケーションへの最初の呼び出しは、単一ページアプリケーションとしてJavaScriptを使用して作成された様に、あなたが定義したすべてのコンポーネントを含む完全なプログラムを返します。

この要素にブラウザがアクセスできるようになった今、ブラウザは、それを表示、非表示、情報やイベントに応じて更新することができます。

このようにして、Blazorアプリは、VueやAngularなどの「現代的」なJavaScriptライブラリ/フレームワークを使用して開発するアプリケーションにより似ています。 Blazorアプリケーションは、データを取得および送信するために、バックエンドにネットワーク呼び出しを行いながらブラウザ内で実行されます。

それでは、BlazorアプリとRazorビューエンジンの利点と欠点について話し合いましょう。

BlazorとRazorの利点と欠点

.NETフレームワーク上で構築されたインタラクティブなWebアプリケーションを作成する際には、BlazorとRazorが非常に好まれています。 これらの技術は、標準のJavaScriptプロジェクトに対してC#を主要プログラミング言語として利用するという新しい移行を提供します。

ここに、Razor または Blazor を使用してWebアプリケーションを作成するときに考慮すべき利点と欠点のいくつかがあります。

using IronPdf;

class Program
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}

using IronPdf;

class Program
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}

Imports IronPdf

Friend Class Program
	Shared Sub Main(ByVal args() As String)
		Dim renderer = New ChromePdfRenderer()

		' Convert HTML String to PDF
		Dim htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>"
		Dim pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent)
		pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf")

		' Convert HTML File to PDF
		Dim htmlFilePath = "path_to_your_html_file.html" ' Specify the path to your HTML file
		Dim pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath)
		pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf")

		' Convert URL to PDF
		Dim url = "http://ironpdf.com" ' Specify the URL
		Dim pdfFromUrl = renderer.RenderUrlAsPdf(url)
		pdfFromUrl.SaveAs("URLToPDF.pdf")
	End Sub
End Class

結論

RazorはAPIロジックとサーバーサイドのテンプレートを処理できますが、JavaScriptベースでないクライアントサイドのロジックを処理することはできません。 Blazorは、プログラマーがクライアントサイドとサーバーサイドの機能をC#だけで処理できるようにします。 Razorはテンプレートのためのマークアップ構文であり、サーバーサイドのコードをHTMLに組み込みます。 一方で、Blazorは、状況に応じて、Blazor WebAssemblyまたはBlazor Server上で実行可能なSPAフレームワークです。

Discover IronPDF for the easiest way to create, read, update, and manipulate PDF files in both Razor applications and Blazorアプリケーションの両方でPDFファイルを作成、読み取り、更新、操作する最も簡単な方法を学びましょう。 IronPDFは、Excel、PDF、バーコード、QRコード、および画像を使用してRazorまたはBlazor Webアプリを作成するのに役立つ5つの便利なライブラリを含むIron Software's Iron Suiteの一部です。

Iron Suiteは個人使用のために無料で利用可能です。 商用ライセンスの取得に関する詳細は、Iron Suite Licensing Informationをご覧ください。