Blazor Server vs. WebAssembly: Comparação
O IronPDF é compatível com Blazor Server e Blazor WebAssembly (WASM)?
O IronPDF é compatível com Blazor Server, mas não com Blazor WebAssembly (WASM).
Para salvar um PDF no Blazor Server, é necessário converter o fluxo do documento PDF em uma matriz de bytes, que é então passada para uma função JavaScript para facilitar o download.
Aqui está um exemplo de como você pode converter um documento PDF em uma matriz de bytes em um aplicativo Blazor Server e, em seguida, usar JavaScript para acionar um download:
@page "/pdfdownload"
@inject IJSRuntime JSRuntime
@* A button to download the PDF *@
<button @onclick="DownloadPDF">Download PDF</button>
@code {
private async Task DownloadPDF()
{
// Create a PDF document using IronPDF (this is hypothetical code)
var renderer = new IronPdf.HtmlToPdf();
var pdfDocument = renderer.RenderHtmlAsPdf("<h1>Hello, World!</h1>");
// Convert PDF document to a byte array
byte[] pdfBytes = pdfDocument.BinaryData;
// Call the JavaScript function to download the PDF
await JSRuntime.InvokeVoidAsync("downloadFile", pdfBytes, "example.pdf");
}
}'INSTANT VB TODO TASK: The following line could not be converted:
page "/pdfdownload" inject IJSRuntime JSRuntime * A button [to] download the PDF * <button onclick="DownloadPDF"> Download PDF</button> code
If True Then
'INSTANT VB TODO TASK: Local functions are not converted by Instant VB:
' private async Task DownloadPDF()
' {
' ' Create a PDF document using IronPDF (this is hypothetical code)
' var renderer = New IronPdf.HtmlToPdf();
' var pdfDocument = renderer.RenderHtmlAsPdf("<h1>Hello, World!</h1>");
'
' ' Convert PDF document to a byte array
' byte[] pdfBytes = pdfDocument.BinaryData;
'
' ' Call the JavaScript function to download the PDF
' await JSRuntime.InvokeVoidAsync("downloadFile", pdfBytes, "example.pdf");
' }
End IfA seguir, encontra-se a função JavaScript correspondente para lidar com o download do PDF. Certifique-se de incluir isso no seu arquivo _Host.cshtml ou index.html:
<script>
// Function to download a file from a byte array in JavaScript
function downloadFile(fileBytes, fileName) {
// Convert byte array to a Blob
const blob = new Blob([fileBytes], { type: 'application/pdf' });
// Create a link element for downloading the file
const link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = fileName;
// Append the link to the body, trigger it, and remove it afterwards
document.body.appendChild(link); // Required for Firefox
link.click();
document.body.removeChild(link);
}
</script>Pontos principais:
- O Blazor Server permite operações no lado do servidor e pode executar código C# diretamente no servidor.
- O Blazor WebAssembly é executado no lado do cliente e não tem acesso direto a recursos do lado do servidor, como o IronPDF.
Você pode conferir um tutorial completo do Blazor Server em nosso site: Tutorial do Blazor Server
Curtis Chau é bacharel em Ciência da Computação (Universidade Carleton) e se especializa em desenvolvimento front-end, com experiência em Node.js, TypeScript, JavaScript e React. Apaixonado por criar interfaces de usuário intuitivas e esteticamente agradáveis, Curtis gosta de trabalhar com frameworks modernos e criar manuais bem estruturados e visualmente atraentes.
