Telerik Blazor PDF Viewer 기능으로 앱 강화

Telerik UI를 IronPDF와 결합해야 하는 이유는?

Telerik Blazor PDF 뷰어는 텍스트 검색, 확대 제어 및 사용자 지정 툴바와 같은 기능을 갖춘 PDF 디스플레이에서 뛰어납니다. 그러나 HTML, URL 또는 Razor 뷰에서 동적으로 PDF 파일을 생성해야 할 때 IronPDF는 문서 처리 라이브러리에 포함되지 않은 Chrome 기반 렌더링 엔진을 제공합니다. IronPDF의 Chrome 렌더링 엔진은 웹 콘텐츠를 PDF로 변환할 때 픽셀 단위의 정확성을 보장합니다.

이 하이브리드 접근 방식은 IronPDF의 우수한 PDF 생성 기능을 사용하면서 Telerik의 정교한 UI 구성 요소를 디스플레이에 사용하게 해줍니다. 특히 유산 웹 프로젝트를 현대화하거나 생성 및 뷰 기능 모두가 필요한 새로운 Blazor PDF 솔루션을 만들 때 잘 작동합니다. 헤더와 푸터를 추가하고, 워터마크를 적용하며 생성된 PDF를 표시하기 전에 사용자 지정 여백을 설정할 수도 있습니다.

Blazor 프로젝트에서 두 라이브러리를 설정하려면 필요한 NuGet 패키지를 설치해야 합니다. 패키지 관리 콘솔이나 .NET CLI 중 하나를 사용할 수 있습니다. IronPDF는 NuGet.org에서 사용 가능하며 .NET 10 및 이후 버전과 작동합니다. 자세한 내용은 IronPDF NuGet 설치 가이드를 참조하십시오.

Install-Package IronPdf
dotnet add package IronPdf

Install-Package IronPdf
dotnet add package IronPdf

설치 후 Program.cs를 구성하여 서비스를 추가하세요:

builder.Services.AddTelerikBlazor();
builder.Services.AddSingleton<ChromePdfRenderer>();

builder.Services.AddTelerikBlazor();
builder.Services.AddSingleton<ChromePdfRenderer>();

이 구성은 애플리케이션에서 Telerik UI for Blazor 구성 요소와 IronPDF의 렌더링 기능을 모두 활성화합니다. DevCraft 이미 Telerik에 익숙한 제품군 사용자는 이 통합이 간단하다는 것을 알게 될 것입니다. 보다 복잡한 시나리오의 경우 비동기 PDF 생성 또는 사용자 정의 로그 구성 설정을 탐색할 수 있습니다.

IronPDF로 PDF 문서를 표시하기 위해 어떻게 생성합니까?

IronPDF는 HTML 콘텐츠를 Telerik PDF 뷰어가 표시할 수 있는 PDF 파일로 변환합니다. HTML에서 PDF를 생성하고 표시를 준비하는 방법은 다음과 같습니다. HTML 문자열을 PDF로 변환하거나 HTML 파일을 직접 렌더링할 수도 있습니다.

@page "/generate-pdf"
@inject ChromePdfRenderer Renderer
@code {
    private byte[] pdfData;
    private async Task GeneratePDF()
    {
        // Create PDF from HTML content
        var pdf = await Renderer.RenderHtmlAsPdfAsync(@"
            <h1>Invoice Report</h1>
            <table>
                <tr><td>Item</td><td>Amount</td></tr>
                <tr><td>Service</td><td>$100</td></tr>
            </table>");
        // Convert to byte array for Telerik viewer
        pdfData = pdf.BinaryData;
    }
}

@page "/generate-pdf"
@inject ChromePdfRenderer Renderer
@code {
    private byte[] pdfData;
    private async Task GeneratePDF()
    {
        // Create PDF from HTML content
        var pdf = await Renderer.RenderHtmlAsPdfAsync(@"
            <h1>Invoice Report</h1>
            <table>
                <tr><td>Item</td><td>Amount</td></tr>
                <tr><td>Service</td><td>$100</td></tr>
            </table>");
        // Convert to byte array for Telerik viewer
        pdfData = pdf.BinaryData;
    }
}

Imports System.Threading.Tasks
Imports Microsoft.AspNetCore.Components
Imports DinkToPdf

@page "/generate-pdf"
@inject ChromePdfRenderer Renderer

@code
    Private pdfData As Byte()

    Private Async Function GeneratePDF() As Task
        ' Create PDF from HTML content
        Dim pdf = Await Renderer.RenderHtmlAsPdfAsync("
            <h1>Invoice Report</h1>
            <table>
                <tr><td>Item</td><td>Amount</td></tr>
                <tr><td>Service</td><td>$100</td></tr>
            </table>")
        ' Convert to byte array for Telerik viewer
        pdfData = pdf.BinaryData
    End Function
End Code

이 코드는 표시할 준비가 된 PDF 문서를 생성합니다. IronPDF의 렌더링 엔진은 사용자가 PDF 뷰어 컴포넌트를 통해 볼 때 모든 포맷팅을 유지하면서 HTML, CSS, JavaScript 콘텐츠가 완벽하게 렌더링되도록 합니다. PDF에 이미지를 추가하고 Azure Blob Storage에서 이미지를 임베드하거나 이미지를 직접 PDF로 변환할 수도 있습니다. IronPDF 기능 전체 범위를 탐색하여 가능한 것을 이해하십시오.

ChromePdfRenderer 클래스는 광범위한 사용자 지정 옵션을 제공합니다. 페이지 크기, 여백, 헤더, 푸터를 설정하고 인쇄 미디어용 사용자 정의 CSS를 정의할 수 있으며, 이는 Telerik의 보기 기능을 보완합니다. 고급 시나리오의 경우 페이지 분할 제어, 뷰포트 구성 또는 자산 로딩을 위한 기본 URL 설정을 탐색하십시오.

Telerik의 PDF 뷰어 블레이저 컴포넌트를 어떻게 통합합니까?

IronPDF로 PDF를 생성한 후, Telerik 블레이저 PDF 뷰어로 표시하는 것은 간단합니다:

<TelerikPdfViewer Data="@pdfData"
                  Height="600px"
                  Zoom="1.0">
    <PdfViewerToolBar>
        <PdfViewerToolBarPagerTool />
        <PdfViewerToolBarZoomTool />
        <PdfViewerToolBarSearchTool />
        <PdfViewerToolBarDownloadTool />
    </PdfViewerToolBar>
</TelerikPdfViewer>

<TelerikPdfViewer Data="@pdfData"
                  Height="600px"
                  Zoom="1.0">
    <PdfViewerToolBar>
        <PdfViewerToolBarPagerTool />
        <PdfViewerToolBarZoomTool />
        <PdfViewerToolBarSearchTool />
        <PdfViewerToolBarDownloadTool />
    </PdfViewerToolBar>
</TelerikPdfViewer>

이 컴포넌트 구성은 PDF와 상호 작용하기 위한 기본 도구를 제공합니다. 툴바에는 탐색 버튼, 줌 레벨 제어, 검색 기능이 포함되어 있습니다. 응용 프로그램 필요에 따라 표시할 도구를 사용자 정의할 수 있습니다. Data 속성은 표시할 PDF 값을 제공합니다. 텍스트 추출 또는 PDF 검색 기능을 구현하여 기능을 향상시킬 수 있습니다.

Telerik UI for Blazor 뷰어는 브라우저 호환성을 자동으로 처리하여 최신 브라우저 전반에 걸쳐 플러그인 없이 작동합니다. .NET MAUI를 사용하는 데스크톱 응용 프로그램의 경우, 두 라이브러리는 크로스 플랫폼 배포를 지원하여 웹 및 데스크톱 플랫폼 전반에 걸쳐 일관된 PDF 경험을 만들 수 있습니다.

이 컴포넌트들이 어떻게 함께 작동합니까?

이 통합은 IronPDF가 PDF 생성의 무거운 작업을 처리하고 Telerik가 정교한 보기 경험을 제공하는 효과적인 워크플로를 만듭니다. 다음은 동적 콘텐츠로 HTML에서 PDF를 생성하는 것을 시연하는 완전한 예제입니다:

@page "/document-viewer"
@inject ChromePdfRenderer Renderer
<div class="row">
    <div class="col-md-12">
        <TelerikButton OnClick="@LoadDocument">
            Load PDF Document
        </TelerikButton>
        @if (documentData != null)
        {
            <TelerikPdfViewer Data="@documentData"
                            Height="800px">
            </TelerikPdfViewer>
        }
    </div>
</div>
@code {
    private byte[] documentData;
    private async Task LoadDocument()
    {
        // Generate dynamic PDF content
        var html = await GenerateReportHtml();
        var pdf = await Renderer.RenderHtmlAsPdfAsync(html);
        documentData = pdf.BinaryData;
    }
    private async Task<string> GenerateReportHtml()
    {
        // Build HTML dynamically
        return "<h1>Dynamic Report</h1><p>Report content here</p>";
    }
}

@page "/document-viewer"
@inject ChromePdfRenderer Renderer
<div class="row">
    <div class="col-md-12">
        <TelerikButton OnClick="@LoadDocument">
            Load PDF Document
        </TelerikButton>
        @if (documentData != null)
        {
            <TelerikPdfViewer Data="@documentData"
                            Height="800px">
            </TelerikPdfViewer>
        }
    </div>
</div>
@code {
    private byte[] documentData;
    private async Task LoadDocument()
    {
        // Generate dynamic PDF content
        var html = await GenerateReportHtml();
        var pdf = await Renderer.RenderHtmlAsPdfAsync(html);
        documentData = pdf.BinaryData;
    }
    private async Task<string> GenerateReportHtml()
    {
        // Build HTML dynamically
        return "<h1>Dynamic Report</h1><p>Report content here</p>";
    }
}

@page "/document-viewer"
@inject ChromePdfRenderer Renderer
<div class="row">
    <div class="col-md-12">
        <TelerikButton OnClick="@LoadDocument">
            Load PDF Document
        </TelerikButton>
        @If documentData IsNot Nothing Then
            <TelerikPdfViewer Data="@documentData"
                              Height="800px">
            </TelerikPdfViewer>
        End If
    </div>
</div>
@code
    Private documentData As Byte()
    
    Private Async Function LoadDocument() As Task
        ' Generate dynamic PDF content
        Dim html = Await GenerateReportHtml()
        Dim pdf = Await Renderer.RenderHtmlAsPdfAsync(html)
        documentData = pdf.BinaryData
    End Function

    Private Async Function GenerateReportHtml() As Task(Of String)
        ' Build HTML dynamically
        Return "<h1>Dynamic Report</h1><p>Report content here</p>"
    End Function
End Code

이 하이브리드 접근 방식을 선택하는 이유는 무엇인가요?

Telerik UI for Blazor는 우수한 보기 기능을 제공하지만 IronPDF의 PDF 생성 기능과는 다릅니다. IronPDF의 Chrome 기반 엔진은 복잡한 레이아웃, 양식, 스타일이 있는 콘텐츠를 렌더링하며, 더 단순한 문서 처리 라이브러리에서는 어려울 수 있습니다. 둘을 결합함으로써 전문적인 PDF 생성과 검증된 보기 인터페이스를 동시에 얻게 됩니다.

이 접근 방식은 다양한 보기 옵션을 탐색해야 하는 개발자에게 유연성을 제공합니다. Telerik 뷰어를 단순한 iframe 디스플레이로 대체하거나 IronPDF의 생성 기능을 유지하면서 사용자 지정 보기 컴포넌트를 개발할 수 있습니다. 이 솔루션은 심플한 HTML을 PDF로 변환하는 것부터 복잡한 보고서 생성 시나리오까지 잘 확장됩니다. IronPDF 홈페이지에서는 지원되는 모든 사용 사례를 개괄적으로 제공합니다.

구현을 위한 다음 단계는 무엇입니까?

IronPDF와 함께 Telerik Blazor PDF 뷰어를 만들면 효과적인 PDF 생성 및 세련된 보기 경험을 동시에 누릴 수 있습니다. 이 조합은 오래된 웹 프로젝트를 현대화하고 현대 애플리케이션 요구 사항을 충족할 수 있는 완벽한 PDF 솔루션을 구축하는 데 도움이 됩니다. Windows, Linux, macOS 어디에서 배포하든 두 라이브러리는 크로스 플랫폼 지원을 제공합니다.

문서 관리 시스템, 보고 도구 또는 PDF 기능이 필요한 Blazor 애플리케이션을 구축하든, 이 통합은 프로젝트가 요구하는 기능과 사용자 경험을 제공합니다. 단순한 송장 생성에서 복잡한 보고서 제작에 이르기까지, 결합된 솔루션은 다양한 요구사항을 효과적으로 처리합니다.

이 솔루션을 구현할 준비가 되었습니까? 무료 IronPDF 체험판을 시작하여 Telerik UI for Blazor 프로젝트를 어떻게 향상시킬 수 있는지 탐색하세요. 생산용으로는 IronPDF 라이선스 옵션을 확인하여 귀하의 필요에 맞는 선택을 하세요.